Bootstrap输入组 - >使用插件输入帮助文字,插件高度?

时间:2017-08-17 11:21:17

标签: css twitter-bootstrap

我有一个HTML输入 我用Jquery填写的小帮助文本。
我的问题是input-group-addon高度会一直延伸到small元素。我希望它与输入一样高。
我该如何解决这个问题?

<div class="input-group">
     <div class="input-group-addon">Obj. Nr</div>
     <input type="text" class="form-control">
     <small class="form-text text-muted"></small>
</div>

enter image description here

1 个答案:

答案 0 :(得分:4)

只需在small

之后添加input元素即可

&#13;
&#13;
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<div class="col-sm-6">
  <div class="input-group">
       <div class="input-group-addon">Obj. Nr</div>
       <input type="text" class="form-control">     
  </div>
  <small class="form-text text-muted">Small element</small>
</div>
&#13;
&#13;
&#13;