css - 如何为小显示尺寸设置 bootstrap col？

<分区>

我有以下 Bootstrap 代码:

<div>
<div class="col-md-5"></div>
<div class="col-md-7"></div>
</div>

如何在小显示器上全宽显示这两个 block ？现在它显示在彼此之下。

现在

1
2

必需

1 2

最佳答案

在 Bootstrap 4 中，对非堆叠列使用 xs 断点。这是默认断点，因此您无需在标记中使用 xs 中缀...

<div class="row">
    <div class="col-5">1</div>
    <div class="col-7">2</div>
</div>

关于css - 如何为小显示尺寸设置 bootstrap col？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45617130/