如何用Bootstrap的网格实现统一的色谱柱内容间距？

Question

我想用不同的类型设置一些元素 - 在使用Bootstrap的一行中，问题是空间被错误对齐....假设我使用网格系统，我如何调整元素之间的空间？

谢谢！

<div class="row"> 

    <div class="col-md-2"> 
    <p class="box-title custom_spacing">Banner List</p> 
    </div> 
<div class="col-md-2"> 
    <p class="box-title custom_spacing">Filtering Options</p> 
</div> 
    <div class="col-md-2"> 
<select class="form-control selectpicker"> 
<option class="op"></option> 
</select> 
</div> 
<div class="col-md-6"> 
<input type="text"> 
</div> 

fiddle

Answer 1

这将是麻烦和尴尬的尝试和定制格列内容之间的间距，尤其是在敏感部位。请改为使用flexbox（如果browser support可接受），或者将内联列表置于单列中。