我在下面的代码中尝试使用Bootstrap的类调整文本输入元素的大小。但是,我无法缩小尺寸。我希望它在台式机上较小,而不是占用大量空间。
<div class="container White_BG">
<div class="row" style="margin-left:0;margin-right:0;">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<h1>Quickly place your order with this form.</h1>
<h2>Please enter the item numbers that you wish to order; once you add to the cart, then you will be able to change the quantity of those items ordered.</h2>
<div class="table-responsive">
<form method="post" name="QuickOrderMulti">
<table class="table table-bordered table-condensed table-hover">
<tr>
<th>Item #</th>
<th>Quantity</th>
<th>Description</th>
<th>Price</th>
<th>Subtotal</th>
</tr>
<tr>
<td>
<div class="col-lg-2">
<input type="text">
</div>
</td>
<td>
<input type="text">
</td>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
</table>
</form>
</div>
</div>
</div>
</div>
令人反感的行是:
<td>
<div class="col-lg-2">
<input type="text">
</div>
</td>
我尝试使用col-lg-2
使其仅占用2个网格列,因此它可能会更小。但是没有这种运气。
与其将其包围在div中,不如尝试使用选定的类进行输入。
例如
<input class="col-lg-2" type="text">
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句