Css 固定标题与引导3

我想使整个页眉固定它将包含标志，导航和社会链接 当我添加固定位置规则时，它堆叠在主体部分后面，并浮动在容器的左侧。请查看此代码，并查看您是否可以提供帮助：

---

您一定要阅读或重新阅读引导文档，因为这是所有内置功能：

也就是说，这里是一个开箱即用的代码，它可以让您在大多数情况下达到目的：

<div class="navbar navbar-default navbar-fixed-top container">
  <div class="navbar-header">
    <a class="navbar-brand" href="#">
      <img src="http://placehold.it/60x35">
    </a>
    <a class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </a>
  </div>
  <div class="navbar-collapse collapse navbar-right">
  <ul class="nav navbar-nav">
    <li class="active"><a href="#">Blog</a></li>
    <li><a href="#">About Me</a></li>
    <li><a href="#">Contact Me</a></li>
  </ul>
</div>

---

还有一个引导修复您的示例：

这个引导示例具有您想要的功能。只需遵循他们的代码，因为您的代码并不完全匹配。