如何用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可接受），或将内联列表置于单列中。