Question

我对此jsfiddle中的代码存在这个小问题。我使用的是Bootstrap 3.2.0：bootstrap.min.js和bootstrap.min.css。 jsfiddle中的代码如下：

<div class="col-lg-6">
  <div class="input-group">
    <span class="input-group-addon">
      <label>
        <input>
      </label>
    </span>
    <label type="text" class="form-control" aria-label="..." >Line 2 hello world this line needs to be very long and this should do it!</label>
  </div><!-- /input-group -->
</div><!-- /.col-lg-6 -->
<div class="col-lg-6">
  <div class="input-group">
    <span class="input-group-addon">
      <label>
        <input>
      </label>
    </span>
    <label type="text" class="form-control" aria-label="..." >Line 2 hello world this line needs to be very long and this should do it!</label>
  </div><!-- /input-group -->
</div><!-- /.col-lg-6 -->
<div class="col-lg-6">
  <div class="input-group">
    <span class="input-group-addon">
      <label>
        <input>
      </label>
    </span>
    <label type="text" class="form-control" aria-label="..." >Line 2 hello world this line needs to be very long and this should do it!</label>
  </div><!-- /input-group -->
</div><!-- /.col-lg-6 -->

这个HTML可以使用bootstrap 3.0.0，但不适用于3.2.0。那么，这是jsfiddle中的SAME HTML，但是带有bootstrap 3.0.0。这就是我希望它看起来的样子（但我需要使用3.2.0，因为到目前为止我已经构建了我的整个项目......）

有关3.0.0和3.2.0之间差异的任何想法导致了这个问题吗？

Answer 1

试试这个：http://jsfiddle.net/a4eocgg4/1/

这在你的css中：

 .form-control{height: auto !important; }

使用input-group和input-group-addon引导文本格式

1 个答案: