Bootstrapのグリッドで列コンテンツの間隔を均一にする方法はありますか？

Question

私はいくつかの要素をさまざまな種類に設定しようとしています - ブートストラップを使用して1行に問題があります。間違って配置されています....私はグリッドシステムを使用しています。

ありがとうございます！

<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が受け入れ可能な場合）を使用するか、インラインリストを1つの列に配置します。