Question

我是Web开发的新手，我编写了以下代码：

<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container-fluid">
  <div class="navbar-header">
    <a class="navbar-brand" href="https://in.linkedin.com/in/debdebashis"   target="_blank">Debashis Deb</a>
  </div>
  <ul class="nav navbar-nav navbar-right">
    <li><a href="#">Home</a>
    </li>
    <li><a href="#" class="text-primary">About Me</a>
    </li>
    <li><a href="#">Skills</a>
    </li>
    <li><a href="#">Interests</a>
    </li>
    <li><a href="#">Contact Me</a>
    </li>
    <li>
      <a>&nbsp;&nbsp;&nbsp;</a>
    </li>
  </ul>
</div>
</nav>
<div class="container-fluid first">
     <p>Welcome to my Page, Here you can find most of the informations related to me</p>
</div>

我面临的问题是，我的最后一个div没有显示在页面中。我在做什么错误？

Answer 1

在固定的导航栏上，您必须向网站的body { padding-top: 70px; }添加填充：

来自Bootstrap文档：
固定的导航栏将覆盖您的其他内容，除非您添加填充到顶部。尝试自己的价值观或使用下面的代码段。提示：默认情况下，导航栏高50像素确保在核心Bootstrap CSS之后包含。 http://getbootstrap.com/components/#callout-navbar-fixed-top-padding

{{1}}

请参阅以下代码段（支持响应式导航栏的细微更改）：https://jsfiddle.net/17mmmxps/1/

Div数据没有显示出来

1 个答案: