如何在input-group中正确隐藏input-group-addon span

时间:2015-08-13 07:33:31

标签: css twitter-bootstrap css3

我想在输入组中动态显示或隐藏input-group-addon

<div class="input-group">
  <div class="form-control"></div>
  <span title="" class="input-group-addon" data-original-title="">
    <span class="glyphicon glyphicon-plus"></span>
  </span>
</div>

Here就是一个例子

问题是,只要我隐藏了插件,输入的宽度就不再正确了。

通常不建议这样做,还是我做错了什么?

(我搜索了这个问题的副本,但我找不到任何东西)

2 个答案:

答案 0 :(得分:2)

您需要使用form.form-inline或设置容器宽度
http://jsfiddle.net/eot1nst7/

答案 1 :(得分:1)

你可以添加css类&#34;容器&#34;除了你输入组。