Bootstrap使用12列网格。现在，两个按钮占据了整个可用空间（均为6列宽度），第三个按钮没有任何空间。您可以将按钮布置为5 + 5 + 2列。例如：
<div class="col-md-6 col-md-offset-2">
<button type="submit" class="btn btn-default btn-md col-md-5">Button 1</button>
<button type="reset" class="btn btn-default btn-md col-md-5">Button 2</button>
<a href="#" class="btn btn-default btn-md col-md-2"><span class="glyphicon glyphicon-search"></span></a>
</div>
您要将第三个按钮放置在行容器之外，可以将其相对于col组绝对定位：
<a href="#" class="btn btn-default btn-beside"><span class="glyphicon glyphicon-search"></span></a>
CSS：
.btn-beside {
position: absolute;
left: 100%;
top: 0;
margin-left: -10px;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句