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

时间:2014-01-29 23:18:31

标签: css twitter-bootstrap

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

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

非常感谢任何帮助!

1 个答案:

答案 0 :(得分:1)

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

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

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

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