css - Bootstrap 网格和响应式图像布局问题

Question

我对其中的一些内容很陌生，包括降低 Boostrap 网格。我正在尝试创建一个响应式布局，当您缩小屏幕时，业务图形基本上会向左滑动，这样当您处于移动尺寸时，标题、副标题、登录按钮和图像都会堆叠并居中, 并且商业图形看起来仍然位于灰线上。出于某种原因，当我缩小页面时，我的图像会“跳起来”，我不明白为什么。它应该沿着灰线滑动并根据需要按比例缩小..或者至少我正在努力做到这一点。

这是我目前拥有的链接:http://dev.blueeyesdesign.net/plm/homeimage.html

非常感谢任何帮助!

Answer 1

它在达到列的阈值时正在“跳跃”。当您在同一行上使用 col-xs-# col-sm-# col-md-# 等时。

所有这些都堆叠在不同的点上。如果您希望它们同时堆叠，请在行中使用相同的 col-[size]。

http://getbootstrap.com/css/#grid-options

编辑:阈值越高，列越早堆叠。(即:col-lg-# 将首先堆叠，col-xs-# 将最后堆叠)