Css 使用bootstrap';s类
我在下面的代码中尝试使用bootstrap的类来调整文本输入元素的大小。然而,我不能把事情缩小。我希望它在桌面上更小,而不是占用大量的空间Css 使用bootstrap';s类,css,html,twitter-bootstrap,html-table,Css,Html,Twitter Bootstrap,Html Table,我在下面的代码中尝试使用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
<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中,不如试着用所选的类进行输入
e、 g
好的,这使我的输入小得多。但整个油田面积仍然很大。我试图缩小包含输入的整个区域。正如您在这里看到的:这可能与调整您的和有关。你能在那里发布你的代码,然后发送链接,这样我们就可以更清楚地看到你想要实现什么。然后你可以尝试女巫类或身份证,你需要改变。
<input class="col-lg-2" type="text">