bootstrap navbar jumbotron是如何工作的

时间:2014-09-25 19:41:35

标签: twitter-bootstrap-3 navbar

当我将内容放在导航栏下时,内容从页面顶部开始并被导航栏阻止。那么jumbotron类如何将内容放在它下面呢?我无法通过查看chrome dev工具(我知道......)来解决这个问题。

那么通常如何将内容放在导航栏下?

1 个答案:

答案 0 :(得分:2)

如果您使用常规的非固定导航栏,只需将您的内容放在其下方,无需特殊样式。

但是,如果您使用navbar-fixed,则必须放置body { padding-top: 70px }以避免内容被遮挡。

.jumbotron没有特殊的样式可以避免这种情况,虽然它确实有自己的内部填充特定于.h#类填充它们,但jumbotron本身仍然是重叠navbar-fixed

见:

静态导航栏:http://www.bootply.com/gkCqPq2Cti

Nabar-Fixed-Top:http://www.bootply.com/BsBIXWldc2