所以我在网站上构建一个导航栏，其中包含一个搜索栏，以及一个分组按钮 . 它在桌面视图上工作正常，但当我缩小到移动视图并且网站生成可折叠菜单时，搜索栏会保持在左侧，但按钮会向右浮动 . 当我用包围它的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>
编辑：我修复了自己的问题！我只需要在 Span 中添加 pull-left 类
1 回答
问题可能与要在px中修复的文本输入的宽度有关 . 尝试百分比（％）的相对度量，它可能会起作用，因为它会根据窗口大小调整大小 .