在引导程序中拧入的内联形式的输入长度3.1.1

Question

升级到boostrap 3.1.1后，内联形式的输入长度不会通过col语法进行修改 在升级之前（3.0.0），下面问题的代码解决了这个问题。

Lenght of form-inline's input

在这里工作http://www.bootply.com/116928 这里不是http://www.bootply.com/123760

Answer 1

您遇到了this commit (2979e4bcea)的影响：

  

  
• 在内联表单中的所有width: auto;上设置.form-control。
  

 .form-inline {

   // Kick in the inline
   @media (min-width: @screen-sm) {
     ...

     // In navbar-form, allow folks to *not* use `.form-group`
     .form-control {
       display: inline-block;
+      width: auto; // Prevent labels from stacking above inputs in `.form-group`
       vertical-align: middle;
     }

因此，您需要通过一些自定义CSS在width: 100%上手动设置<input>。