Jquery 引导导航开关不工作

我无法在手机上使用导航开关。切换按钮出现，当我点击它时，我的“社交”下拉菜单出现在切换按钮的左侧。它也不显示我的其他导航链接

您可以在codepen上找到我的代码：

这是代码。我正在使用Bootstrap 3.3.7：

正文{
背景色：#22222；
颜色：#fff；
字体系列：“超频”arial；
}
#生物{
颜色：#fff；
边缘顶部：50px；
字体大小：400；
左侧填充：30px；
}
#杰里米{
左边距：100px；
字号：900；
}
.jumbotron{背景色：#2222222；}
.个人资料{
边界半径：50%；
浮动：对；
}
.navbar品牌{字体重量：900；
}
#标语{字体大小：700；}
.缩略图{
}
跨度{
显示：内联块；
垂直对齐：中间对齐；
}
.外线{
宽度：20%；
底部边框：3倍纯白；
边缘顶部：16px；
}
.spacer{页边距顶部：100px；}
按钮{颜色：#fff；}
.btn{背景色：#2222222；}
.btn:hover{color:grey；}
#页脚副本{页边距顶端：16px；}
.图标栏{
颜色：白色；
}
navbar先生{
高度：50px；
}
.nav.navbar-左{
底部：0；
左：0；
位置：绝对位置；
}
.nav.navbar-right{
底部：0；
右：100px；
位置：绝对位置；
}
.下拉菜单{
背景色：#22222；
}
.下拉菜单>li>a{
颜色：#fff；
}

切换导航















你好
我是杰里米！
全栈开发人员、系统管理员和企业家
{Portfolio}






{Contact}
电子邮件地址
我永远不会和别人分享你的电子邮件。
全名
消息
提交
&复印件2017杰里米·柯林斯

您在

检查您是否有此链接： 哪个是JS

 <script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

安装gem时，您是否将这些添加到清单（application.js）文件中？（//=require jquery&//=require bootstrap链轮）如果添加并重新启动服务器。是的，我在标题中有。我在3.3.7版本中添加了bootstrap.min.js和bootstrap.min.css。