ブートストラップ3にcol-mdセレクタを追加する必要はありますか？

Question

私はこれに対する答えを無駄に探してみました。基本的には、ブートストラップ3にcol-md- *値を指定する必要があるか、col-xs-12とcol-sm- *を使用してcol-sm - *値は、大規模な表示に至るまで、colのサイズを指定します。

これは頭がおかしくないようです（col-smを使っても問題ありません）が、ここでは冗長なcol-md- *値も含まれています（例：モバイル、タブレット、 CSSセクションの 『グリッドシステム「の下の』デスクトップ：。！

<div class="row"> 
    <div class="col-xs-6 col-sm-4 col-md-4">.col-xs-6 .col-sm-4 .col-md-4</div> 
    <div class="col-xs-6 col-sm-4 col-md-4">.col-xs-6 .col-sm-4 .col-md-4</div> 
    <!-- Optional: clear the XS cols if their content doesn't match in height --> 
    <div class="clearfix visible-xs"></div> 
    <div class="col-xs-6 col-sm-4 col-md-4">.col-xs-6 .col-sm-4 .col-md-4</div> 
</div> 

どれ明確化ここではいただければ幸いおかげ

Answer 1

あなたの直感は、あなたが（XS、SMまたはMD）を設定し、最低値正しい意志画面サイズを大きくする必要があります。つまり、divを4つの列にまたがるようにしたい場合は、小さなデバイスからすべての方法で始まり、.col-sm-4。それが原因でメディアクエリの設定方法のこのよう働く

：オーバーライドされない場合は

/* Extra small devices (phones, up to 480px) */ 
/* No media query since this is the default in Bootstrap */ 

/* Small devices (tablets, 768px and up) */ 
@media (min-width: @screen-tablet) { ... } 

/* Medium devices (desktops, 992px and up) */ 
@media (min-width: @screen-desktop) { ... } 

/* Large devices (large desktops, 1200px and up) */ 
@media (min-width: @screen-large-desktop) { ... } 

は、小型デバイス用のクラスは、同様