折叠导航栏无法在CodePen上打开

Question

这是我的代码：

https://codepen.io/qtoq126/pen/gevXza

<nav class="navbar navbar-default navbar-fixed-top">

                    切换导航                                         秦     

<div class="collapse navbar-collapse" id="navbar">
  <ul class="nav navbar-nav navbar-right">
    <li class="active"><a href="#">ABOUT</a></li>
    <li><a href="#">PROFILE</a></li>
    <li><a href="#">CONTACT</a></li>
   </ul>
</div>

 

我不知道为什么代码可以在其他IDE上正确运行。

有人可以解决我的问题吗？

谢谢大家。

Answer 1

您需要添加Jquery和Bootstrap Javascript文件。

在Codepen中，选择设置＆gt;的JavaScript。

然后使用快速添加下拉列表添加Jquery THEN Bootstrap 3.需要在Bootstrap Javascript文件之前添加Jquery。

Answer 2

您需要在Settings / Javascript部分

中添加jQuery和Bootstrap3