我不希望导航栏超过jumbotron

时间:2017-03-26 00:40:17

标签: html css navbar

所以我遇到了这个问题,我的jumbotron在导航栏下面,我想把它放在下面,在它们之间有一些填充。 这是我的代码:@Gabriel and @pv.

https://codepaste.net/ditsxf

2 个答案:

答案 0 :(得分:0)

尝试将此添加到.css文件中:

body {
    padding-top: 50px;
}

无论导航栏的高度如何。

答案 1 :(得分:0)

引导程序中的类将position: fixed;添加到导航栏。这意味着,即使您向下滚动,您的导航栏始终位于屏幕顶部始终可见

有两种方法可以解决这个问题:

  1. .navbar-fixed-top组件中删除nav课程,但是当您向下滚动时,您将无法在顶部看到导航栏。
  2. 向容器元素添加一些margin-top