Question

我正在建立一个网站，我有一个问题，导航栏隐藏了页面的第一位，所以我无法看到这些信息。我该如何解决这个问题？我网站的链接在这里： codepen.io/sookyungahn/pen/wzQkBp?editors=1100

Answer 1

向导体添加导航栏高度大小的填充。

在官方引导示例here中，他们在顶部添加了70px填充。基本上，

body {
  padding-top: 70px;
}

Answer 2

在您的情况下，在导航栏上的padding-top div id中添加home，其大小相同。

<div class="container-fluid well" id="home" style="display:block; padding-top:50px;">

Answer 3

 <img style="margin-right:10px;margin-top:50px" class="image gap img-rounded pull-left" src="http://odezhda-stilnaya.ru/kartinki/1/ptichka_babochki_zvezdy_2560x1600.jpg" alt="PLACEHOLDER IMAGE" />
    <div>
      <h3 style="font-family:HelveticaNeue, Tahoma; font-weight:200;margin-top:50px;">I am a website developer, passionate about programming and assisting people. I am currently an intern at a tech startup.
      </h3>

伟大的代码:)

只需添加margin-top：50px，如图所示。

快乐编码：）

Answer 4

自2017年以来，将position: sticky; top:0;添加到导航栏，它将解决此问题。

如何防止导航栏与其他元素重叠

4 个答案: