ブートストラップcol-md-4とcol-xs-6は互換性がありません

Question

私は中画面用に3列あります（col-md-4）。 と私はこの問題は、携帯に入れているモバイルデバイス用の2列

サンプルコード

<div class="container"> 
    <div class="row"> 
     <div class="col-md-4 col-xs-6">CONTENT</div> 
     <div class="col-md-4 col-xs-6">CONTENT</div> 
     <div class="col-md-4 col-xs-6">CONTENT</div> 
    </div> 
    <div class="row"> 
     <div class="col-md-4 col-xs-6">CONTENT</div> 
     <div class="col-md-4 col-xs-6">CONTENT</div> 
     <div class="col-md-4 col-xs-6">CONTENT</div> 
    </div> 
</div> 

を持つこともCOL-XS-6を使用します。

OUTPUT - COL-MD-4およびCOL-XS-6

[COL-XS-6] [COL-XS-6]

[COL-XS-6]

[COL-XS-6] [COL-XS-6]

[COL-XS-6]

所望の出力

[COL-XS-6] [COL-XS-6]

[COL-XS-6] [COL-XS-6]

[COL-XS-6] [COL-XS -6]

これを修正する方法があります。

おかげ

サンプルワーク

Link

Answer 1

<div class="container"> 
     <div class="row"> 
      <div class="col-md-4 col-xs-6">CONTENT</div> 
      <div class="col-md-4 col-xs-6">CONTENT</div> 
      <div class="col-md-4 col-xs-6">CONTENT</div>  
      <div class="col-md-4 col-xs-6">CONTENT</div> 
      <div class="col-md-4 col-xs-6">CONTENT</div> 
      <div class="col-md-4 col-xs-6">CONTENT</div> 
     </div> 
</div>