Bootstrap 固定顶部导航栏答案

【问题标题】：Bootstrap fixed-top navbarBootstrap 固定顶部导航栏
【发布时间】：2020-05-10 06:14:57
【问题描述】：

我正在构建一个带有 boostrap 的 SPA，导航栏是一个固定的顶部。当我添加内容时，它会被导航栏截断，除非我将元素 margin-top 指定为 58px 或使用下面的样式有帮助但不可持续，因为我在应用程序上有很多行。

    display: flex;
    flex-wrap: wrap;
    margin-right: 5%;
    margin-left:  5%;
    margin-top: 10%;
} */

【问题讨论】：

【解决方案1】：

导航栏必须在带有 padding-top 的容器之外

<nav>
    ...
</nav>

<div class="container pt-5">
    ...
</div>

【讨论】：