我不希望导航栏超过超大屏幕

Question

所以我遇到了这个问题，我的超大屏幕在导航栏下面，我想把它放在导航栏下面，并在它们之间留一些空白。 这是我的代码：https://codepaste.net/ditsxf

This is how it looks like

Answer 1

尝试将其添加到您的 .css 文件中：

body {
    padding-top: 50px;
}

或者导航栏的高度。

Answer 2

来自 bootstrap 的 classes 添加了 position: fixed; 到您的导航栏。这意味着，您的导航栏始终始终可见在屏幕顶部，即使您正在向下滚动也是如此。

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

1. 从 nav 组件中删除 .navbar-fixed-top class，但向下滚动时您将不会在顶部看到导航栏。
2. 向您的容器元素添加一些 margin-top。