Bootstrap 3多输入组宽度

Question

如何设置输入组的宽度？在第一个输入文本上，我想将宽度设置为90％，将第二个输入文本（在跨度“P”之后）设置为10％。

这是我的代码http://www.bootply.com/pAcr8C2SGr

Answer 1

您可以简单地使用bootstrap的网格系统来设置输入的宽度，例如：

<div class="col-lg-10">
    <input ...>
</div>
<div class="col-lg-2">
    <input ...>
</div>

Answer 2

Try this with out Any CSS Customization

Table - Warehouse
ID (Key)
WarehouseCode
Description

Table - Location
ID (Key)
LocationCode
Description
WarehouseCode

Try this with CSS Customization

<div class="row">
  <div class="col-md-9">
<div class="input-group">
  <span class="input-group-addon">Number</span>
  <input type="text" class="form-control">
</div>
</div>
  <div classs="col-md-3">
<div class="input-group ">
<span class="input-group-addon">P</span>
   <input type="text" class="form-control">
  <span class="input-group-addon"></span>

  <span class="input-group-btn">
    <input class="btn btn-default" value="Send">
  </span>
</div>
  </div>
</div>

  

Bootstrap不支持多个加载项（.input-group-addon或.input-group-btn）。

     

Bootstrap不支持单个输入组中的多个表单控件。