twitter-bootstrap – lg vs sm在bootstrap的输入组中

发布时间:2020-08-29 发布网站:编程之家
编程之家收集整理的这篇文章主要介绍了twitter-bootstrap – lg vs sm在bootstrap的输入组中编程之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我无法完成以下工作:

<div class="input-group-sm">
                        <input type="text" class="form-control">
                        <div class="input-group-sm">
                            <button class="btn btn-default btn-sm" type="button">
                                <i class="glyphicon glyphicon-remove"></i>
                            </button>
                            <button class="btn btn-default btn-sm" type="button">
                                <i class="glyphicon glyphicon-search"></i>
                            </button>
                        </div>
                    </div>

我希望文本框和两个按钮位于同一条线上,彼此相连.上面的代码使按钮位于第二行.谁可以帮我这个事.

如果将“sm”替换为“lg”,它的效果很好.

解决方法

演示: http://jsbin.com/OjahitE/1

http://jsbin.com/OjahitE/1/edit

<div class="input-group input-group-sm">
 <input type="text" class="form-control">
 <div class="input-group-btn">
 <button class="btn btn-default" type="button"> 
  icon here
 </button>
<button class="btn btn-default" type="button"> 
  icon here
 </button>
</div>
</div>

正在添加更多支持,请参阅pull-request:https://github.com/twbs/bootstrap/pull/11910

总结

以上是编程之家为你收集整理的twitter-bootstrap – lg vs sm在bootstrap的输入组中全部内容,希望文章能够帮你解决twitter-bootstrap – lg vs sm在bootstrap的输入组中所遇到的程序开发问题。

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您喜欢交流学习经验,点击链接加入编程之家官方QQ群:1065694478