Javascript 如何在引导中启用切换按钮导航栏切换

当浏览器窗口为手机大小时，我需要显示

navbar toggle

，当用户单击它时，我希望显示一个列表（类似于此）

知道如何修复我的代码吗

切换导航
董事会
我的名字

将导航栏中的项目作为无序列表折叠，并使用“nav”“navbar nav”类，应该可以解决此问题

<div id="navbar" class="navbar-collapse collapse">
    <ul class="nav navbar-nav">
        <li><button type="button" class="btn btn-default navbar-btn">Boards</button></li>
        <li><button type="button" class="btn btn-default navbar-btn navbar-right"><span class="glyphicon glyphicon-cog"></span>&nbsp;MY NAME</button></li>
    </ul>                
</div>

董事会
我的名字

---

请确保您已经添加了JQuery，您应该在页面顶部添加它

如果您想使用cdn

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>

---

您忘记添加引导JavaScript文件

<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>

其他示例

<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>