所以我在一个网站上建立了一个包含搜索栏的navbar，同时还有一个分组按钮。它在桌面视图上运行良好，但当我缩小到移动视图时，站点会产生可折叠菜单，搜索栏会留在左侧，但按钮会浮到右侧。当我用它周围的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

编辑：我修复了我自己的问题！我只需将一个左拉类添加到span中