2017-08-04 69 views
0

我下載了所有引導文件,並且沒有任何餘量(jumbotron,段落文本等)。在示例網站上,文本與導航欄文本的開頭水平對齊。引導程序0邊距

我試着給.css文件添加.body {margin:10px;},但那是無用的,因爲它在任何地方都被覆蓋,我不知道這是否是最好的行動方案。我做了一些研究,找不到有類似問題的人。

這裏就是我處理(鉻13英寸的MacBook Air):

[Current[1]

這裏就是我的追求:http://getbootstrap.com/examples/theme/

更新:控制檯是空白,它看起來像從不應用左右邊距。

enter image description here

+0

檢查您的控制檯是否有錯誤? – j08691

+0

控制檯沒有任何東西! –

+0

右鍵單擊並檢查元素,查看邊距設置是否被否決,或者根本不應用。 –

回答

5

請確保您有一個包裹.container元素。

<div class="container"> 

</div> 
+0

或全寬網站的「容器流體」。也不要嵌套Bootstrap容器。 – zgood

+0

這需要照顧水平對齊!有沒有我可以添加的類來照顧垂直對齊? jumbotron仍然在觸摸導航欄? –

+0

@SethKillian在你的jumbotron上添加一個「margin-top」? – zgood

1

您可以通過引用您自己的css文件並將樣式標記爲「重要」如下覆蓋Bootstrap css。

body {margin-top: 10px !important;} 

希望有所幫助!

+0

儘管OP的關注似乎是預期的Bootstrap的CSS WAS沒有被應用;並不是它正在應用他想要覆寫的內容。 「重要」幾乎不應該是答案。 –