我试图在台式机和小型设备（平板电脑）中使用整页宽度的容器（#field）连续显示三张照片。但是我没有得到三列，而是我只能看到平板电脑的一列。
但是对于桌面，我可以看到三列相同的内容应用于一类col-sm-*它不起作用。
这里有什么问题。我正在寻找右侧和左侧的三列和 25% 的间隙，所以我在左侧使用了两列偏移量。然后在 8 列中，我将其整体分为 12 列，每列分为 4 列，因此将出现三列。但这在平板电脑中不会发生。
这是小提琴
在 768px 到 991px 之间，我相信我应该能够看到三列，根据文档sm 这在我的情况下没有发生。
为什么col-sm-*不影响？谢谢
您应该将
col-xs-4添加到div中，以便在小型设备中查看三列。
工作演示
.HTML
<div class="col-sm-4 col-md-4 col-xs-4">