Bootstrap   发布时间:2022-04-18  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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:384754419,请注明来意。