すべてのビューポートでcol-xs-12と書くことはできますか？

Question

私は疑いがあります。すべてのビューポートで同じ列サイズ（）を使用する場合は、すべてcol-xs-12（または）col-xs-12とcol-sm-12（または）すべてのビューポートに対して別々のcol-*-12クラスを記述する必要がありますか？

ありがとうございます。

Answer 1

ブートストラップの列クラスは、クラスの最小サイズ以上のビューポートに適用されます。例えば

lgがビューポート> = 1200pxに適用しながら、smクラスは、ビューポート> = 768pxに適用されます。参照：http://getbootstrap.com/css/#grid-options

これは、必要最小限のビューポートサイズにクラスを追加するだけでよいことを意味します。

col-xs-12 col-sm-6 col-md-6 col-lg-6で終わる場合は、それを最小化するとcol-xs-12 col-sm-6になり、768px幅を超えるすべてのビューポートにはcol-sm-6スタイルが適用されます。