Html 引导中导航栏下的区域

我一直未能正确使用导航栏。 在my base.html中，我在body部分有这个代码片段。 （或者导航条应该在头部？！）

{%block content%}
{%endblock%}

然后我使用

{% extends "base.html" %}
{% block content %}
        <div class="row">

         HELLO WORLD

        </div>

{% endblock %}

{%extends“base.html”%}
{%block content%}
你好，世界
{%endblock%}

但是，HELLO WORLD隐藏在导航栏下面。如何阻止导航栏占用的区域

非常感谢 托马斯

添加

padding-top: 70px;

到您的

正文

。就在那里的：

固定导航栏将覆盖其他内容，除非在正文顶部添加填充。请尝试您自己的价值观或使用下面的代码片段。提示：默认情况下，导航栏的高度为50px

---

可以发布一些CSS吗？我使用标准的bootstrap.CSS文件，没有任何修改。好的，这几乎就是我想要的。我在下面添加了一个大而长的垂直列表。滚动条延伸到导航栏上。有没有办法让这个导航条只覆盖导航条下面的空间？不，你不能。导航栏固定在顶部，因此您不能向下移动滚动条，滚动条会在上面移动-就像他们的演示：

padding-top: 70px;