ブートストラップ4列が期待通りに調整されない

Question

私は4列のブートストラップ応答グリッドを持っています。

xsは4列が4つの単一行になるので、col-xs-12は正常に機能します。 lgは、ページ全体、ページの1/4の4つの列が正常に動作します。

私は自分の問題があるmdとsmのページのサイズを縮小し始めます。

私がmdをヒットしたとき、私は2列、col-md-6で2つの行を得ることを望んでいました。最初の応答レイアウトの変更で、ウィンドウのサイズを小さくすると、予想通り最初の行の1列目と2列目が得られますが、3列目は最初の列の新しい2行目ですが、4列目は最初の列の新しい3行目。

<div class="container"> 
    <div class="row"> 
    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-3"> 
     <p>Some Text</p> 
    </div> 
    <div class="clearfix visible-xs-block"></div> 
    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-3"> 
     <p>Some Text</p> 
    </div> 
    <div class="clearfix visible-xs-block visible-sm-block visible-md-block"></div> 
    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-3"> 
     <p>Some text</p> 
    </div> 
    <div class="clearfix visible-xs-block visible-sm-block visible-md-block"></div> 
    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-3"> 
     <p>Some text</p>    
    </div> 
</div> 

すべてのヘルプは非常に高く評価されます。

Answer 1

最初の列と残りの列に使用しました。

問題を解決するすべての列に対してのみ使用してください。

ブロックはdivに対して完全な幅を使用します。したがって、ブロックをsmまたはmdに使用すると、応答性が失われます。