Bootstrap 4，我不能让我的固定导航栏与我的jumbotron分开？

Question

我正在创建一个网站，并且正在使用Bootstrap。我希望我的固定导航栏与我的jumbotron分开，但我似乎无法将它们分开。

如果没有直接编辑CSS文件，有没有办法做到这一点？

这是我的jumbotron如何绑定到导航栏的示例：

Answer 1

最简单的方法是在jumbotron中添加另一个类，所以添加topmargin之类的内容，然后在你的css样式中添加margin-top: 10px或者你需要多少空间..添加空格的最佳方法你的项目是设置一个spacer div，这样你就可以在你页面上的每个元素之间保持相同的空间，这样做<div class="spacer"></div>和你的风格

.spacer{
    height: 10px //however much space you want between elements
    content: "";
}

然后，只要你需要在元素之间留出空格，你就可以把它放在spacer div中

Answer 2

您可以在身体上添加衬垫

body {
    padding-top: 70px;
}

不编辑css文件。

你可以jQuery

$('body').css('padding-top', 70px);

Answer 3

尝试为您的jumbotron添加保证金。您可以使用Bootstrap中包含的间距类来完成此操作。

尝试mt-5（上边距），如果您想要更少的保证金，请使用较小的数字。

您也可以这种方式使用填充。在这种情况下，您将使用类似pt-5的内容。