在bootstrap中添加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课程，您可以设置内容在不同分辨率下的外观。 每个类都设置了不同分辨率的宽度百分比。 e.g。

@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>