导航菜单不显示答案

【问题标题】：Nav menu won't show导航菜单不显示
【发布时间】：2016-01-10 02:50:56
【问题描述】：

我无法让导航菜单显示灰色标题（菜单没有 3 行）...我知道这很明显，但我看不出我的错误。

  <header>
  <nav class="navbar navbar-default">
      <div class="container-fluid">
      <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
          <span class="sr-only">Toggle Navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
          </button>
        </div>
      </div>
      </nav>
  </header>

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>

【问题讨论】：

您正在正确加载引导 css，因为您的问题中有所有 JS，但没有 CSS 参考。

标签： jquery html twitter-bootstrap nav

【解决方案1】：

您尚未引用 boostrap.css 文件。这是一个有效的jsfiddle。只需将此行添加到您的<head> html。

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" >

这将显示您需要的三行。

【讨论】：