将东西放在Bootstrap的网格之外而不滚动

时间:2012-07-13 19:02:49

标签: html css grid twitter-bootstrap

我使用Twitter Bootstrap和940px的非流体无响应网格。我想在1200px之外插入一个图像旋转器,我成功了,但是当我使浏览器窗口变小时,我得到一个1200px的水平滚动条。我希望浏览器以940px网格为中心,所以当我使窗口变小时,水平滚动条将不会出现在我940px之前。

我知道我可以使用背景图像宽度100%宽度并居中,但如果我想放入正常内容和div等宽度固定宽度怎么办?

这是我制作的草图:http://f.cl.ly/items/1x3f3w1B1X461q3b2H21/bootstrap-grid.jpg

所以例如我在图像计数器的最右边有一个div。如果你有1200px以上的大屏幕,那么很好,你可以看到它,但如果你只有1024px那么你将看不到它,你现在也有任何水平滚动条。

1 个答案:

答案 0 :(得分:0)

我认为你必须要溢出x:无;然后当窗口宽度低于940时用javascript触发滚动条。我不相信还有其他方法。