twitter-bootstrap - Bootstrap 中 col-lg-12 的用途是什么？

Question

我看到了一个视频，作者将在其中使用

<div class="col-lg-12">
     some content
</div>

div.container 的内部和 div.row .如果这是该行中唯一的项目，那么这样做的目的是什么？我想如果你想让某个东西占据一整行，你可以把它列为 col-xs-12这样它将影响所有屏幕尺寸。但如果它是唯一的项目，那么它不会自动占据所有 12 列吗？那么为什么要使用它以及为什么要使用 lg ?

Answer 1

<div class="col-lg-12">
  some content
</div>

这基本上意味着 div 应该获得整个宽度，当页面在大型设备上显示时(根据官方文档，最大宽度为 1200px 的设备)。
为了更好地理解这一点，如果您必须在较小的屏幕上以一半的宽度显示相同的 div，那么您将编写如下:

 <div class="col-xs-6">
   some content
 </div>

或者

  <div class="col-lg-12 col-xs-6">
   some content
  </div>

(注意:上述两个代码具有相同的最终结果)。
同样，如果您愿意，您可以指定如何为小型和中型设备显示您的分区。
希望这可以帮助 :)