0
當我將內容放入導航欄下時,內容將從頁面頂部開始並被導航欄阻止。那麼,jumbotron類如何將內容放置在它下面?我無法通過查看chrome開發工具(我知道)來弄明白。bootstrap navbar jumbotron如何工作
那麼人們通常如何將內容放在導航欄下?
當我將內容放入導航欄下時,內容將從頁面頂部開始並被導航欄阻止。那麼,jumbotron類如何將內容放置在它下面?我無法通過查看chrome開發工具(我知道)來弄明白。bootstrap navbar jumbotron如何工作
那麼人們通常如何將內容放在導航欄下?
如果您使用的是常規的非固定導航欄,只需將您的內容放置在其下方,無需特殊設計。
但是,如果您使用的是navbar-fixed
,則必須將body { padding-top: 70px }
設置爲避免您的內容被遮擋。
.jumbotron
沒有特殊造型壽避免這種情況,雖然它確實有它的特定.h#
類其墊他們,但jumbotron
本身仍然受到navbar-fixed
重疊自己的內部填充。
看到這個:
靜態導航欄:http://www.bootply.com/gkCqPq2Cti
Nabar-固定頂:http://www.bootply.com/BsBIXWldc2
你把'填充頂:70px'在'body'? http://getbootstrap.com/components/#navbar-fixed-top – 2014-09-25 19:44:44
謝謝。但是沒有這個屬性的jumbotron顯示。你知道css發生了什麼嗎? – TurtleTread 2014-09-25 19:52:52
如果你不做padding-top:70px,那麼navbar-fixed會掩蓋頂層內容:可能你正在看nabvar-default? – 2014-09-25 22:07:01