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

Question

我对这其中的一些新东西很陌生，包括获取Boostrap网格。我试图创建一个响应式布局，其中商业图形基本上向左滑动，因为当您缩小屏幕尺寸时，当您处于手机尺寸时，标题，副标题，登录按钮和图像都会堆叠并居中，而商业图形仍然看起来像坐在灰色的线上。出于某种原因，当我的页面变小时，我的图像'跳起来'，我不明白为什么。它应该沿着灰线顺滑并根据需要缩小。或者至少我正在努力做到这一点。

这里是什么，我现在有一个链接：http://dev.blueeyesdesign.net/plm/homeimage.html

任何帮助，不胜感激！

Answer 1

它在击中列的阈值时“跳跃”。当你在同一行上使用col-xs-＃col-sm-＃col-md-＃etc。

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

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

编辑：较高的门槛前面列将堆（即：COL-LG-＃将第一个堆栈，COL-XS-＃会叠加即止）