Question

我无法使用导航菜单显示除灰色标题之外的任何内容（菜单没有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>

Answer 1

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

即可

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

这将显示您需要的三行。

导航菜单不会显示

1 个答案: