2012-07-13 31 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觸發滾動條。我不相信有任何其他方式。