希望您已经阅读了 Flexbox 简介 的理论，让我们更深入地了解列。

利用针对断点的行类来实现等高行。为每个断点添加任意数量的无单位类，所有行都将具有相同的 高度。

等高

例如，这里有两个网格布局，适用于从 xs 到 xl 的所有设备和视窗。

设置一行高度

Flexbox 网格行的自动布局还意味着您可以设置一行的 高度，其他行会自动调整大小以适应它。您可以使用预定义的网格类（如下所示）或内联高度。请注意，无论中间行的 高度如何，其他行都会调整大小。

可变高度内容

使用 col-{breakpoint}-auto 类，行可以根据其内容的自然高度调整自身大小。这对于输入、数字等单行内容非常方便。这与水平对齐类一起使用，非常适合在视窗高度变化时将具有不均匀行大小的布局居中。

响应式类

网格包含五个级别的预定义类，用于构建复杂的响应式布局。根据您的需要，在超小型、小型、中型、大型或超大型设备上自定义行的 大小。

所有断点

对于从最小设备到最大设备都相同的网格，请使用 .col 和 .col-* 类。当您需要特定大小的行时，请指定一个编号类；否则，您可以使用 .col。

混合匹配

您不想让行在某些网格级别中简单地堆叠吗？根据需要，在每个级别中使用不同类的组合。查看下面的示例，以更好地了解其工作原理。

对齐方式

使用 Flexbox 对齐方式实用程序来垂直和水平对齐列。

换行

如果在一行中放置超过 12 列，则每组额外的列将作为一个单元，换行到新行。

重新排序

嵌套

要使用默认网格嵌套内容，请在现有的 .col-sm-* 列中添加一个新的 .row 和一组 .col-sm-* 列。嵌套的行应包含一组总和不超过 12 的列（您不必使用所有 12 个可用列）。

Flex 网格游乐场

要查看 Flex 的实际效果，您可以使用 Flex 游乐场来互动式地学习更多内容。