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