Question

我正在使用Boostrap 4行

<div class="row">
   <div class="card"></div>
   <div class="card"></div>
   <div class="card"></div>
</div>

我希望使其在移动设备上能够“左右滚动”，就像“响应表”对表格一样。

这里是一种模式，可以更清楚地解释它。在此处输入图像描述

Answer 1

最简单的方法是将卡片放在列中，并在列上设置最小/最大宽度。在行上使用flex-nowrap以防止换行。

.col {
    min-width: 250px;
    max-width: 300px;
}