带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，当然减去填充。

见Two columns with two nested columns上https://getbootstrap.com/examples/grid/

Answer 2

的.col-md-前缀发生在媒体装置（≥992px）效果 的.col-sm-前缀需要在小型设备上的影响（≥768px）

你可以阅读更多有关这对http://getbootstrap.com/css/#grid-options

根据用户的设备/分辨率，同时使用这两个类可以实现不同的行为。

例如，使用相同的标记，并没有额外的CSS，你可以实现在更大分辨率的三个并排2列并排和一个在他们之下在较小的分辨率

你可以查看和玩上codepen这个例子：http://codepen.io/rebagliatte/pen/GNKvOB

Answer 3

• col-xs-* --->超小型设备（手机，高达480像素）
• col-sm-* --->小型设备（片剂，768px及以上）
• col-md-* --->中型装置（台式机，992px及以上）
• col-lg-* --->大型设备（大桌面，1200像素及以上）

根据屏幕大小，上面的每个类别都会启用。

所以在你的情况col-sm-6 & col-md-4。

您的容器在小型设备上占用6列，在中型设备上占用4列。

比方说，如果屏幕尺寸进入额外的小型设备，因为我们没有默认指定任何东西，它占用了全部可用的12列。

希望这有助于:)