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中的响应列号

2 个答案: