Bootstrap 4：下拉导航选项卡不起作用答案

【问题标题】：Bootstrap 4: Dropdown Navtab does not workBootstrap 4：下拉导航选项卡不起作用
【发布时间】：2015-10-19 17:09:00
【问题描述】：

好吧，我终于在我的网站上安装了 Bootstrap 4，但它似乎在下拉选项卡方面存在一些问题。我尝试简单地从 bootstrap 4 的官方网站复制/粘贴一个示例：

http://v4-alpha.getbootstrap.com/components/navs/#tabs-with-dropdowns

但它不起作用，即使在我使用 JQuery 添加下拉切换脚本之后。奇怪的是，如果我用 Bootstrap 3 替换它，它会正常工作。其他人还有相同的疑问么？为什么 bootstrap 4 的下拉菜单/选项卡不起作用？

【问题讨论】：

请提供一个最小的工作示例minimal reproducible example，因为您提供的链接中的代码（在本地测试时）完全符合预期。

标签： jquery css twitter-bootstrap tabs

【解决方案1】：

没有代码，诊断起来有点困难，但我遇到的一个问题是我没有在本地加载下拉文件。

我把它放在头上，它解决了问题。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>

<link rel="stylesheet" type="text/css" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">

【讨论】：