bootstrap不跟随列宽

Question

所以我试图添加不同列宽的输入表单。 以下是我的代码：

`＆LT;

div class="row">
 <div class="col-md-10">
   <div class="form-group form-inline col-md-6 col-lg-4">
      <input type="text" name="cw" id="inputammino" value="A">
   </div>
   <div class="form-group form-inline col-md-4 col-lg-4">
     <input type="text" name="cw2" id="inputcusti" value="42.010565">
   </div>
   <div class="form-group form-inline col-md-2 col-lg-4">
     <input type="text" name="cw3" id="amiaci" value="K">
   </div>
 </div>
 </div>

`

但是不是向第一列添加更多列宽，而是将其添加到最后一行。我做错了什么？

Answer 1

我正在使用Bootstrap 3.3.7，我使用BootStrap 3.3文档格式化了您的HTML格式，并且我的工作正常。

<div class="form-inline">
   <div class="form-group">
     <div class="col-md-6">
        <input type="text" name="cw" id="inputammino" value="A">
     </div>
     <div class="col-md-4">
       <input type="text" name="cw2" id="inputcusti" value="42.010565">
     </div>
     <div class="col-md-2">
       <input type="text" name="cw3" id="amiaci" value="K">
     </div>
   </div>
</div>