如何讓Bootstrap的「英雄單位」適合整個頂部？

我目前正在學習Rails和CSS，並試圖複製Bootstrap的github page的外觀作爲學習練習。 Bootstrap的中央單元（紫色，包含大標題「Bootstrap」）適用於頁面頂部的全部，側面沒有空白區域。但是，我目前的嘗試看起來更像這個example page，其中包含「hello world」的中央灰色單元本身就是一個盒子，並且它周圍有空白區域。基本上，我的問題是，我將如何使這個空白消失？我試圖模擬頁面源代碼中顯示的內容，但我仍然得到這個結果。如何讓Bootstrap的「英雄單位」適合整個頂部？

謝謝！

來源

2012-12-17 daspianist

如果您查看發佈的示例頁面的源代碼，您會注意到英雄元素位於div，名爲container。此類具有分配的左右邊距以及寬度。你所需要做的就是分別將它們分別改爲0和100％，你應該順利地進行。

來源

2012-12-17 04:46:41 Balthamos

謝謝！這絕對讓我在正確的方向:) – daspianist

尋找在源例子中的超大屏幕和報頭的功能你提供

<div class="jumbotron masthead">

來源

2013-01-26 21:30:08

如何讓Bootstrap的「英雄單位」適合整個頂部？

回答

相關問題