Twitter bootstrap 在代码笔中单击时，折叠的导航栏按钮未展开

代码笔链接： 这是导航栏的代码。此折叠按钮在w3cschools网站的Tryit编辑器中展开，但在代码笔中不展开：

<nav class="navbar navbar-inverse navbar-fixed-top">
    <div class="container-fluid">
        <div class="navbar-header" >
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span> 
            </button>
            <a class="navbar-brand" href="#">Mradul Dubey</a>
        </div>
        <div class="collapse navbar-collapse" id="myNavbar">
            <ul class="nav navbar-nav navbar-right">
                <li class="active"><a href="#Home">Home</a></li>
                <li><a href="#About">About</a></li>
                <li><a href="#Portfolio">Portfolio</a></li> 
                <li><a href="#Contact">Contact</a></li> 
            </ul>
        </div>
    </div>
</nav>

切换导航

您可能没有在代码中引用jquery、bootstrap.js和bootstrap.css。这是您在JSFIDLE和codepen上的代码

---

代码中可能没有引用jquery、bootstrap.js和bootstrap.css。这是您在JSFIDLE和codepen上的代码

---

介意共享代码笔吗？可能与介意共享代码笔重复？可能与您使用的浏览器重复？您是说我的笔不工作，还是将我的代码复制到新的笔上？您的代码在JSFIDLE中工作正常。不是在代码笔里。不，我没有复制。你在用哪个浏览器？Chromium@Ubuntu15.10Which你在用什么浏览器？你是说我的笔坏了，还是把我的代码复制到一支新的笔上？你的代码在JSFIDLE中运行得很好。不是在代码笔里。不，我没有复制。你在用哪个浏览器？Chromium@Ubuntu15.10