Bootstrap 4 col-md-4 带阴影边框

Bootstrap 4 col-md-4 with shadow border

我使用这个轮播：

如您所见，每个块周围都有一个边框。

第一张看不到左边阴影，第三张看不到右边阴影

当我在右边添加一个margin-left:-5px时<div class="col-md-4 clearfix d-none d-md-block">，我可以看到阴影，但那不是一个干净整洁的代码。

有谁知道我如何修改 col-md-4 以在左侧和右侧块上也显示阴影？

问题是 carousel-inner 恰好占据了 3 张卡片的宽度（以及介于两者之间的 space），因此阴影在那里但被切断了。你的 margin-left: -5px 基本上调整了这个，因此它起作用了。

但是，是的，不是那么好的代码。更简单的选项，添加一个非常小的 x-axis 填充到 carousel-inner，就像添加 class px-1 一样。 space 卡片之间的距离会减少 1 或 2 个像素，但现在您的阴影会更清晰。