ブートストラップの列の規則

Question

私はGoogleに質問を試みましたが、関連するトピックは見つかりませんでした。

<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12"></div> 

または：：それは彼らが冗長であっても、列クラスを省略するのは良いか悪いアイデアは

<div class="col-xs-12 col-md-6"></div> 

ブートストラップクラスを使用するより良い方法は何ですか？

Answer 1

基本的にはalready been answered beforeです。

小さいグリッドクラスでもは、特に大きなブレークポイントによって上書きされない限り、より大きな画面に適用されます。例えば、col-md-6は、の媒体上の6単位と、の6単位を意味します。

したがって、の最小のデバイスの幅のクラスを使用するだけで済みます。

また、HTMLマークアップで特定のcol-xs-{1-11}クラスを使用しない限り、列はxsスクリーンで垂直方向に積み重なる（全幅になる）ため、暗黙のことです。

Answer 2

すでにご存知のように、col-md-6とcol-xs-12のスタイルを継承するものとして、col-lg-6とcol-sm-12は意味がありません。

col-lg-6とcol-sm-12を維持するには害はありません - それは、大きなディスプレイがcol-lg-6をレンダリングします保証という点では、（イベントにごcol-md-6が動的に変更された）いくつかのセキュリティを提供していますが、あなたは、それらを含めないほうが良いと思います純粋にあなたのHTMLファイルサイズを小さくするあなたのHTML。