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