html - Bootstrap : nav bar is glitching

Question

我是 bootstrap 的新手，正在学习。我讨厌演示示例，它破坏了语义以使其看起来不错。无论如何...

我在示例网站上工作，theavcorp.com ，并在学习 Bootstrap 时尽量不要“破坏语义库”。然而……

顶部导航栏运行不正常。我正在使用一个

.navbar-fixed-top

导航。但是，而不是显示 <main> 的全部内容在向下滚动之前，它覆盖了 <main> 的内容一旦加载页面。

你能帮我弄清楚是什么导致了不当行为吗？也许我缺少类或元素或容器元素？

Answer 1

在 bootstrap.min.css 中找到以下内容并添加 margin-top:80px;

.container .jumbotron, .container-fluid .jumbotron {
  border-radius: 6px;
  margin-top: 80px;
}