html - 使用 input-group 和 input-group-addon Bootstrap 文本格式

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 中的相同 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; }