Bootstrap - input-group-btn想要向右浮动

时间:2015-04-22 14:31:25

标签: html css twitter-bootstrap

所以我在网站上构建一个导航栏,其中包含一个搜索栏,以及一个分组按钮。它在桌面视图上工作正常,但当我缩小到移动视图并且网站生成可折叠菜单时,搜索栏会保持在左侧,但按钮会向右浮动。当我用包围它的input-group-btn类删除span时,我没有这个问题。

<form class="navbar-form navbar-left form-inline" role="search">
    <div class="row">
        <div class="input-group">
            <input type="text" class="form-control" style="width: 250px;"/>
            <span class='input-group-btn'>
                <button type="button" class="btn btn-default" aria-label="Search">
            <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
                </button>
            </span>
        </div>
    </div>
</form> 

包含图片  http://bit.ly/1G706rC

编辑:我修复了自己的问题!我只需要在范围

中添加pull-left

1 个答案:

答案 0 :(得分:0)

问题可能与要在px中修复的文本输入的宽度有关。尝试百分比(%)的相对度量,它可能会起作用,因为它会根据窗口大小调整大小。