Bootstrap 4 引导4中的响应列编号

我有一大堆专栏是这样排列的：

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

它们以一行中的4列开始，然后在满足某个阈值时折叠为一列

---

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

您可以在较小的屏幕上尝试以下选项，以便在小屏幕上显示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">

---

您可以在较小的屏幕上尝试以下操作，以便在小屏幕上显示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">

在每一列中尝试：

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

在每一列中尝试：

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

---

非常感谢，我不知道你能那样把它们串起来。非常感谢，我不知道你能那样把它们串起来。