反向引导程序的断点效果

Question

在此示例中使用引导程序：

<div class="row">
    <div class="col-md-4"></div>
    <div class="col-md-4"></div>
    <div class="col-md-4"></div>
</div>

经过768px的断点后，您的cols将从垂直对齐变为水平对齐。我该如何扭转这种影响？我需要我的cols开始水平，然后在断点之后垂直。

Answer 1

只需添加col-md-12（768px或更高的断点将是全角）。
然后，还添加col-4，这将从此断点开始降低。

<div class="row">
    <div class="col-4 col-md-12"></div>
    <div class="col-4 col-md-12"></div>
    <div class="col-4 col-md-12"></div>
</div>

您可以在Bootstrap documentation中看到更多有关此网格系统如何工作的信息。