在引导程序中使用添加XS，SM，MD等标签

Question

当自动处理响应性（在屏幕大小的变化上进行布局处理）时，在引导程序中添加XS，SM，MD等标签有什么用？我知道有时候您希望您的控件出于任何原因而不会堆叠，所以我们使用标签还是很好的做法？

Answer 1

它们被指定用于调整有关屏幕尺寸的内容。如果仅使用Col-LG-6，即使在小屏幕上也只能显示一半屏幕。如果您想在台式机等大型设备上显示半屏幕，并且在移动设备上显示全尺寸，则必须编写Col-LG-6 Col-SM-12

Answer 2

Bootstrap网格分为12个块。使用xs, sm, md, lg类，您可以设置您的内容在不同的分辨率上的外观。每个班级都设定了不同分辨率的宽度百分比。例如

@media (min-width: 768px)
.col-sm-2 {
    width: 16.66666667%;
}
@media (min-width: 992px)
.col-md-3 {
    width: 25%;
}

您可以在普通分辨率块上设置该块将占一半col-md-6，但是在小分辨率上，它将填充行宽度：col-sm-12。

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