2012-07-13 52 views
1

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

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

这里是我做了一个草图:http://f.cl.ly/items/1x3f3w1B1X461q3b2H21/bootstrap-grid.jpg

因此,例如,我在最右边与形象专柜有一个div。如果你的屏幕大小超过1200像素,那么很好,你可以看到它,但是如果你只有1024像素,那么你就不会看到它,而且你现在也会有任何水平滚动条。

+0

使用媒体查询不同的风格不同的宽度,我认为这将解决您的问题 – SVS 2012-07-13 19:32:37

+0

但我不知道如何使图像旋转器与媒体查询变窄。在这种情况下,图像也必须在高度上调整大小,我不希望这样。没有水平滚动的情况下,不可能在主页面包装外设置一些东西吗? – 2012-07-14 10:07:17

+0

您可以在宽屏幕上显示另一个滑块并隐藏宽滑块。 – SVS 2012-07-14 11:24:58

回答

0

我认为你必须overflow-x:none;然后在窗口宽度低于940时用javascript触发滚动条。我不相信有任何其他方式。

相关问题