基本网格布局，让您熟悉在 Bootstrap 网格系统中构建。
在这些示例中，.themed-grid-col 类被添加到列中以添加一些主题。这不是 Bootstrap 中默认提供的类。
Bootstrap 网格系统有五个层级，每个层级对应我们支持的一系列设备。每个层级从最小视口大小开始，并自动应用于较大的设备，除非被覆盖。
获得三列等宽的列从台式机开始并扩展到大型台式机。在移动设备、平板电脑及以下设备上，这些列将自动堆叠。
获得三列从台式机开始并扩展到大型台式机，宽度各不相同。请记住，网格列应该加起来等于十二才能形成一个水平块。超过这个数，无论视口如何，列都会开始堆叠。
获得两列从台式机开始并扩展到大型台式机。
全宽元素不需要网格类。
根据文档，嵌套很容易——只需将一行列放在现有列中。这将为您提供两列从台式机开始并扩展到大型台式机，在较大的列中再有两列（等宽）。
在移动设备、平板电脑及以下设备大小上，这些列及其嵌套列将堆叠。
Bootstrap v4 网格系统有五层类：xs（特小，此类前缀未使用）、sm（小）、md（中）、lg（大）和 xl（特大）。您可以使用这些类的几乎任何组合来创建更动态、更灵活的布局。
每一层级类都会进行扩展，这意味着如果你计划为 md、lg 和 xl 设置相同的宽度，你只需要指定 md。
Bootstrap v4.4 中添加的附加类允许容器在达到特定断点之前保持 100% 的宽度。