Twitter bootstrap 偏移sm（引导4）有故障

我有三张卡片。我想说的是“在

xs

断点处，显示堆叠在一起的3张卡。在

sm

断点处，使每张卡占据可用空间的1/2（两张卡在顶部，一张在下方居中是我想要的）最后，在

md

断点处，使每张卡占用可用空间的1/3

这是我的代码（）：

卡片
卡片
卡片

我在最后一张卡上设置了

.offset-sm-3

，因为如果这张卡占用6列，我想这会通过在每侧偏移3列使其居中

如果查看代码笔，您将看到卡正确堆叠（

xs

），然后最初适当地扩展到我的

col-sm

定义，第三张卡位于上面两张卡的中间。但在此之后，如果继续使屏幕变大，它将永远不会移动到

col-md-4

定义，并开始看起来很时髦/不居中

注意：如果我从最后一张卡中删除

'.offset-sm-3'

，

.col-md-4

将在到达该断点时生效

---

谢谢您的帮助。

您需要设置

md

断点的偏移量。将

offset-md-0

添加到具有

offset-sm-3

的第三个

<!-- Add offset-md-0 -->
<div class="col-xs col-sm-6 offset-sm-3 col-md-4 offset-md-0">

<!-- Add offset-md-0 -->
<div class="col-xs col-sm-6 offset-sm-3 col-md-4 offset-md-0">