在画廊宽度<767 CSS Bootstrap3上对齐中心图像

Posted 2023-03-29

【中文标题】在画廊宽度<767 CSS Bootstrap3上对齐中心图像

【英文标题】：Align center images on gallery width<767 CSS Bootstrap3

【发布时间】：2016-07-14 07:40:18

【问题描述】：

我有一个用 Bootstrap 3 制作的 4x2 网格的画廊，在宽度小于 767 像素且大于 430 像素之前，这看起来很完美。它应该看起来是单个居中的图像，但看起来像 this。

我已经尝试过 margin: 0 auto;并且没有任何变化。 希望您能帮帮我，谢谢。

【问题讨论】：

请提供代码而不是图片，以便我们更轻松地展示要更改的内容。

【参考方案1】：

将“col-xs-12”添加到图像的引导包装器中，使其看起来像这样：

class='col-md-3 col-sm-6 col-xs-12 retrato isotope-item'

【讨论】：

完美！谢谢！解决了！