2014-02-17 34 views
0

我有一個固定到停止和導航的內容的導航欄。然後我在導航欄下面有一些測試內容。如何擺脫水平滑桿引導3

兩個div類一個是class jumbotron,另一個是row。由於某種原因,內容與一個小滾動條適合我的屏幕,當您滑動它時,您會看到有一個10像素左右的白色間隙。在導航欄中沒有空隙,只是正文內容。

+0

你把'.row'放在'.container'中嗎?請告訴我們你的代碼。 – Tims

+0

我的代碼看起來像絕對廢話哈哈。它只有兩個獨立的div,沒有容器,在身體下面。我試着添加寬度爲100%的自定義容器,但它沒有工作。 –

+0

不要使用自定義容器只是用'class =「container」'或'class =「container-fluid」'將你的行包裝在div中''''' – Tims

回答

-1

如果你追求速戰速決嘗試添加這對你的CSS

body,html{ 
    overflow-x: hidden; 
} 
+0

這不是很不好嗎? –

+0

通常是「快速修復」,你也可以嘗試將你的元素放入div類中,放入.row類,或者用一個.container類來放置你的頁面。失敗,確保你沒有任何可能會導致問題的邊距設置 – dhutchinson

+0

我添加了寬度爲100%的自定義容器類,但沒有做任何事情。 –

1

行必須被包裹在一個<div class="container"><div class="container-fluid">

這是在文檔解釋說:http://getbootstrap.com/css/#grid

行必須放置在.container(固定寬度)或 .container-fluid(全角)正確對齊和填充。

+0

給身體一個容器液體的作品擺脫水平滾動。但是,現在我的內容不會延伸屏幕的整個寬度。內容的任何一邊都有幾個像素寬的差距。我還想指出,當不給液體容器時,內容是屏幕的整個寬度,但水平滾動只移動到右側,因爲間隙只在右側,而不在兩側。 –

+0

如果你想使用網格系統,那麼你需要完全知道它是如何工作的。你有沒有仔細閱讀鏈接的文檔?你是否還嘗試過使用一些開發工具(如chrome中的開發工具)來查看你的佈局在做什麼 - 邊距和填充位置等等? – Tims