引导网格和响应图像布局问题

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-＃最后堆叠）