问未显示Div数据
EN

Stack Overflow用户

提问于 2016-03-30 11:56:30

回答 1查看 31关注 0票数 1

我是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没有显示在页面中。我犯了什么错？

html

css

twitter-bootstrap-3

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-03-30 12:01:34

在固定的导航栏上，您必须向站点的<body>添加一个填充：

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

body { 
    padding-top: 70px;
}

请参阅以下代码段(支持响应的导航栏的小更改)：https://jsfiddle.net/17mmmxps/1/

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/36308125

复制

相似问题

问未显示Div数据
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问未显示Div数据EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问未显示Div数据
EN