Bootstrap：.img-responsive改变图像从水平到垂直的顺序

Question

我正在使用Bootstrap重做我的无响应网站，只是为了学习。

到目前为止，我做了几乎所有的事情，但无法获得四张图像以保持响应并保持应有的位置。

这是我想要达到的最终结果：

我有什么：

我使用过：class="img-responsive center-block"类。

这是我的Bootply：

http://www.bootply.com/ksrPd5iBSR

我会非常感谢任何暗示。

Answer 1

center-block有一个属性display: block，它会垂直对齐图像，因为块的默认行为是占据整个空间宽度。

将text-center类添加到父容器中以使其在中心对齐。为图片添加display: inline-block的自定义类。

Updated Bootply