Bootstrap 使用输入组和输入组插件的文本格式

Question

这个 jsfiddle. I am using Bootstrap 3.2.0: bootstrap.min.js and 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; }

Bootstrap 使用输入组和输入组插件的文本格式

Bootstrap text formatting using input-group and input-group-addon

html

css

twitter-bootstrap

twitter-bootstrap-3