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

我已经将引导程序代码粘贴到了Navbar的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>

最佳答案

您是否在代码中正确实现了Bootstrap？
我已经在Bootstrap编辑器上尝试过，它可以正常工作，take a look.

将代码复制并粘贴到内部并进行测试，即可正常工作。

尝试将这些代码行放在您的头部，它将正确允许您使用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>

让我知情 ！ ☺