Html 引导：Can'；不创建导航栏吗？

我正在使用TwitterBootstrapV3创建一个导航栏，并遵循他们的

但是导航栏并没有被创建。这是你的电话号码

---

我在这里遗漏了什么？

实际上，您的ul上需要“导航栏导航”类：

<h1>Hello Plunker!</h1>
<div class="navbar">
  <div class="collapse navbar-collapse">
    <ul class="nav navbar-nav">
      <li class="active"><a href="#">Home</a></li>
      <li><a href="#about">About</a></li>
      <li><a href="#contact">Contact</a></li>
    </ul>
  </div>
</div>

你好，普朗克！

请注意，您可以直接在导航中更改链接的h1，如下所示：

<div class="navbar">
    <a class="navbar-brand" href="#">Hello Plunker!</a>
    <div class="collapse navbar-collapse">
        <ul class="nav navbar-nav">
          <li class="active"><a href="#">Home</a></li>
          <li><a href="#about">About</a></li>
          <li><a href="#contact">Contact</a></li>
        </ul>
    </div>
</div>

实际上，您需要ul上的“导航栏导航”类：

<h1>Hello Plunker!</h1>
<div class="navbar">
  <div class="collapse navbar-collapse">
    <ul class="nav navbar-nav">
      <li class="active"><a href="#">Home</a></li>
      <li><a href="#about">About</a></li>
      <li><a href="#contact">Contact</a></li>
    </ul>
  </div>
</div>

你好，普朗克！

请注意，您可以直接在导航中更改链接的h1，如下所示：

<div class="navbar">
    <a class="navbar-brand" href="#">Hello Plunker!</a>
    <div class="collapse navbar-collapse">
        <ul class="nav navbar-nav">
          <li class="active"><a href="#">Home</a></li>
          <li><a href="#about">About</a></li>
          <li><a href="#contact">Contact</a></li>
        </ul>
    </div>
</div>

文档页面不适合您的原因是它使用了不同的样式表

如果你使用文档页面的样式表，它会工作的

<link rel="stylesheet" href="http://getbootstrap.com/2.3.2/assets/css/bootstrap.css" />

---

文档很旧。

文档页面不适合您的原因是它使用了不同的样式表

如果你使用文档页面的样式表，它会工作的

<link rel="stylesheet" href="http://getbootstrap.com/2.3.2/assets/css/bootstrap.css" />

---

文档太旧了。

我看到的文档版本（v.2.3.2）不正确，v3.0.0的正确文档已经存在，这解决了我的问题

<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex5-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">Brand</a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse navbar-ex5-collapse">
          <ul class="nav navbar-nav">
            <li class="active"><a href="#">Home</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
          </ul>
        </div><!-- /.navbar-collapse -->
      </nav>

切换导航

---

演示已经更新，可以找到

我看到的是错误的版本的文档（v.2.3.2），v3.0.0的正确文档是，这解决了我的问题

<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex5-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">Brand</a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse navbar-ex5-collapse">
          <ul class="nav navbar-nav">
            <li class="active"><a href="#">Home</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
          </ul>
        </div><!-- /.navbar-collapse -->
      </nav>

切换导航

演示已更新，可以找到