Bootstrap 4 中的响应列数

Question

我有一堆列是这样排列的：

<div class="col-md-3">
<div class="col-md-3">
<div class="col-md-3">
<div class="col-md-3">

这些从一行 4 列开始，然后在达到特定阈值时折叠成一列。

从 4 列变为 1 列是一个很大的变化，我希望中间有两列（所以 2x2）。这可能吗？

Answer 1

您可以在较小的屏幕上尝试以下方法，这样它在小屏幕上显示 2X2，在超小屏幕上每行显示 1 div。

<div class="col-xs-12 col-sm-6 col-md-3">
<div class="col-xs-12 col-sm-6 col-md-3">
<div class="col-xs-12 col-sm-6 col-md-3">
<div class="col-xs-12 col-sm-6 col-md-3">

Answer 2

在每一列中尝试：

 class="col-md-6 col-lg-3"

Bootstrap 4 中的响应列数

Responsive column number in Bootstrap 4

bootstrap-4

twitter-bootstrap-4