Question

我想让页面的整个标题固定，它将包含徽标，导航和社交链接当我添加固定位置规则时，它会堆叠在主体部分后面并从容器中留下浮子，请查看此代码并查看是否可以提供帮助： http://www.bootply.com/tbfqTASyp5

Answer 1

您绝对应该阅读或重新阅读引导文档，因为这是所有内置功能：http://getbootstrap.com/components/#navbar。

话虽如此，这里有开箱即用的代码，可以帮助您完成大部分工作：

<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>

修复你的例子：http://www.bootply.com/WLVUWn8xN0

修复了带有bootstrap 3的标头

1 个答案: