2014-09-25 64 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