2列のブートストラップ要素？

Question

<div class="col-sm-6 col-md-4"> 

上記のブートストラップ要素には、その要素内に2つの列（col-sm-6 & col-md-4）があります。 それはどういう意味ですか？愚かな質問を申し訳ありません。

Answer 1

各ブートストラップ要素はそれで別のrowと列を持つことができます。たとえば、要素の幅が100pxで、列数が4と6の場合は、40pxと60pxを得て、もちろん埋め込みはありません。

が.col-md-プレフィックスがメディアデバイス（≥992px）上で有効になりますhttps://getbootstrap.com/examples/grid/

Answer 2

にTwo columns with two nested columnsを参照してください .col-sm-プレフィックスはあなたがhttp://getbootstrap.com/css/#grid-options

にこれについての詳細を読むことができ

（≥768px）小型デバイス上で有効になります

両方のクラスを同時に使用すると、ユーザーのデバイス/解像度に応じて異なる動作を実現できます。

例えば、同じマークアップと追加なしCSSで、あなたは小さい解像度側とその1つ下でより大きな解像度と2列側の側面による3つの列の側を達成することができる

ます表示してcodepenに、この例で遊ぶことができます（480PXまで電話、）http://codepen.io/rebagliatte/pen/GNKvOB

Answer 3

• col-xs-* --->エクストラ小型デバイス
• col-sm-* --->小型デバイス（タブレット、768pxとアップ）
• col-md-* --->媒体デバイス（デスクトップ、992pxとアップ）
• col-lg-* --->大型装置（大型デスクトップ、1200px最大）画面サイズに応じに

各クラス上記キック。あなたのケースのCOL-SM-6 & COL-MD-4でそう

。

コンテナは、小型デバイスの場合は6列、中位デバイスの場合は4列、アップの場合は4列です。

は、我々はそれが12列であることが利用可能全幅を占め、デフォルトで指定されたものを持っていけないので、画面サイズが余分な小型デバイスになった場合のは、言ってみましょう。

・ホープ、このことができます:)