Question

我正在尝试启动，但是js在导航（下拉+移动图标）中不起作用

这是我的html：

  <div class="collapse navbar-collapse" id="navbarColor02">
    <ul class="navbar-nav mr-auto">
      <li class="nav-item active">
        <a class="nav-link" href="#">TEST <span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" id="download">Pulse <span class="caret"></span></a>
          <div class="dropdown-menu" aria-labelledby="download">
            <a class="dropdown-item" href="https://jsfiddle.net/bootswatch/0mb9487u/">Open in JSFiddle</a>
            <div class="dropdown-divider"></div>
            <a class="dropdown-item" href="../4/pulse/bootstrap.min.css">bootstrap.min.css</a>
            <a class="dropdown-item" href="../4/pulse/bootstrap.css">bootstrap.css</a>
            <div class="dropdown-divider"></div>
            <a class="dropdown-item" href="../4/pulse/_variables.scss">_variables.scss</a>
            <a class="dropdown-item" href="../4/pulse/_bootswatch.scss">_bootswatch.scss</a>
          </div>
        </li>
    </ul>
  </div>
</nav>

其他带有引导程序的js主题对我没有帮助...

Answer 1

不知道您已在html中导入了哪些文件，但是如果您未导入bundle js文件，那么您也需要导入popper.js文件。总共需要以下4个文件，引导程序才能工作：

bootstrap.min.css
jquery（推荐最新版本）
popper.js
bootstrap.min.js

数字2、3、4-订单事项

希望有帮助...

Answer 2

请确保您必须将所有这些CDN添加到您的头部

MaxCDN为Bootstrap的CSS和JavaScript提供CDN支持。您还必须包括jQuery：

MaxCDN：

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

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

<!-- Popper JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>

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

Answer 3

我从未见过这样的事情，我想知道您是如何以这种方式使用引导程序的。您这样做完全错误，没有直接在html标签中导入.css / .js文件，而是在代码中的适当位置指定了这些库。您需要从头开始，并阅读有关如何使用引导程序的信息，此处提供了示例很好的源代码： https://www.w3schools.com/bootstrap4/bootstrap_get_started.asp

Bootstrap 4.1 JS无法正常工作

3 个答案: