Bootstrap3：折叠的导航栏无法在codepen上打开，但可以在codeply

Question

正如标题所说，

使用bootstrap3构建了一个响应式导航栏但是当我使用codepen时它没有打开。 我已经加载了bootstrap.min.js和bootstrap.min.css，并且我还添加了jquery以确保它仍然无效。

然而，它正在编写代码。

这是codepen的已知问题还是我忘记了什么？

http://codepen.io/kyriediculous/pen/ORpvPo

非常感谢

<div class="navbar navbar-inverse navbar-fixed-top">
  <div class="container">

    <a href="#" class="navbar-brand">.Portfolio./</a>
    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navCollapse"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>
    <div class="collapse navbar-collapse" id="navCollapse">
      <ul class="nav navbar-right navbar-nav">
        <li><a href="#">Home</a></li>
        <li><a href="#">Portfolio</a></li>
        <li><a href="#">Contact</a></li>
      </ul>  
    </div>

  </div>
</div>