Html Can'；t使用引导创建可折叠的导航栏

看下面的小提琴。我想我对如何创建可折叠导航栏（在较小的设备上显示汉堡包菜单）感到困惑。我做错了什么

html:

切换导航

只需添加jQuery，它就可以工作了：

<script   src="https://code.jquery.com/jquery-1.12.4.min.js"   integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ="   crossorigin="anonymous"></script>

---

Fiddle:

你是否清楚地解释了这是需要的……而且所有的东西都工作得很好..它工作了，你有jQuery链接吗？你必须像其他用户告诉你的那样链接jQuery，汉堡包菜单看不到，因为

nav

标记处缺少引导类：

明白了。这已经解决了问题，但我包括了navbar-default在我的标题中。我应该删除标题并将所有的类和id移到我的导航中吗？哦，天哪…好吧。我实际上是在用rails开发这个，所以这很麻烦，因为我不能像那样添加jquery。奇怪的是，我肯定在我的rails应用程序中包含了jquery。我想这是另一个标签的问题。

<script   src="https://code.jquery.com/jquery-1.12.4.min.js"   integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ="   crossorigin="anonymous"></script>