html - 无法在 Bootstrap Navbar 中看到下拉菜单

Question

我已将 Bootstrap 代码粘贴到导航栏的 HTML 代码中，但看不到下拉菜单。 (Bootstrap CSS 和 JS 已经被引用)

    <section class="menubar">

<nav class="navbar navbar-inverse">
  <div class="container-fluid">
    <div class="navbar-header">
      <a class="navbar-brand" href="#">WebSiteName</a>
    </div>
    <ul class="nav navbar-nav">
      <li class="active"><a href="#">Home</a></li>
      <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Page 1 <span class="caret"></span></a>
        <ul class="dropdown-menu">
          <li><a href="#">Page 1-1</a></li>
          <li><a href="#">Page 1-2</a></li>
          <li><a href="#">Page 1-3</a></li>
        </ul>
      </li>
      <li><a href="#">Page 2</a></li>
      <li><a href="#">Page 3</a></li>
    </ul>
  </div>
</nav>


</section>

Answer 1

您是否在代码中正确实现了 Bootstrap？ 我试过 Bootstrap 编辑器，它工作得很好，take a look.

将您的代码复制并粘贴到其中并进行测试，它会起作用。

尝试将这些代码行放在您的 head 部分，它将正确地允许您使用 BootStrap。

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

随时通知我! ☺