html5 - ブートストラップの列列幅の問題

Question

すみません、ブートストラップではアダプティブ レイアウトを設定する状況がいくつかあります。col-md-,col-sm-,col-lg-*,

そこで質問なのですが、意味は分かるのですが、class=col-などと書く場合、このような状況を書く必要があるのでしょうか？ 4 つすべてを記述する必要がない場合、md、sm、lg から適切なものを選択するにはどうすればよいですか。 。 。

マスターからアドバイスをお願いします。

Answer 1

Answer 2

col-xs适配超小屏幕，一般指手机；
col-sm适配平板；
col-md适配台式机或者笔记本；
col-lg高解像度のデスクトップ、ノートブック、またはワイドスクリーンに適していますが、通常は使用されません。

また、
col-xs-6 を完全に記述する必要はないことにも注意してください。これは、小さな画面の携帯電話または小さな画面の携帯電話より大きいデバイスでは、半分なので、追加の Write col-sm-6、col-md-6、および col-lg-6 を追加する必要はありません。 col-xs-6，表示在小屏手机或者比小屏手机大的设备，都只占一半，所以不需要额外去写col-sm-6、col-md-6和col-lg-6。
大的分列布局会在相应的情况下覆盖小的分列布局设置，小的分列布局是大的分列布局的默认值。
比如col-xs-6 col-md-12対応する場合、大きな列のレイアウトは小さな列のレイアウト設定をオーバーライドします。小さな列のレイアウトは大きな列のレイアウトのデフォルト値です。

たとえば、col-xs-6col-md-12 は、携帯電話やタブレットでは列の半分を占め、コンピュータでは (通常か高機能かに関係なく) 12 列を占めることを意味します。解像度の画面)。 🎜