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

发布时间：2020-12-17 20:37:41 所属栏目：安全来源：网络整理

导读：我无法完成以下工作： 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-defa

我无法完成以下工作：

<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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!