2014-09-25 105 views
0

當我將內容放入導航欄下時,內容將從頁面頂部開始並被導航欄阻止。那麼,jumbotron類如何將內容放置在它下面?我無法通過查看chrome開發工具(我知道)來弄明白。bootstrap navbar jumbotron如何工作

那麼人們通常如何將內容放在導航欄下?

+0

你把'填充頂:70px'在'body'? http://getbootstrap.com/components/#navbar-fixed-top – 2014-09-25 19:44:44

+0

謝謝。但是沒有這個屬性的jumbotron顯示。你知道css發生了什麼嗎? – TurtleTread 2014-09-25 19:52:52

+0

如果你不做padding-top:70px,那麼navbar-fixed會掩蓋頂層內容:可能你正在看nabvar-default? – 2014-09-25 22:07:01

回答

2

如果您使用的是常規的非固定導航欄,只需將您的內容放置在其下方,無需特殊設計。

但是,如果您使用的是navbar-fixed,則必須將body { padding-top: 70px }設置爲避免您的內容被遮擋。

.jumbotron沒有特殊造型壽避免這種情況,雖然它確實有它的特定.h#類其墊他們,但jumbotron本身仍然受到navbar-fixed重疊自己的內部填充。

看到這個:

靜態導航欄:http://www.bootply.com/gkCqPq2Cti

Nabar-固定頂:http://www.bootply.com/BsBIXWldc2