css - Bootstrap 导航栏切换不打开点击

Question

我有一个引导导航栏，但单击时它没有打开菜单列表。当我在菜单列表溢出时尝试更改断点时，问题开始出现。请看一下代码。我觉得问题出在 css 部分

http://jsbin.com/wadazijute/edit?html,css,output

请检查下图。切换出现在屏幕宽度为 768px 之后，但我希望切换出现在此之前以避免导航菜单显示如下: http://imgur.com/QZzAMKz “导航栏问题”

Answer 1

工作崩溃的代码是:

<nav class="navbar navbar-inverse navbar-static-top" role="navigation">
    <div class="container">
        <div class="navbar-header">
        <a class="navbar-brand" href="#myCarousel">Pinak Das</a>
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li><a  href="#home">Home</a></li>
                    <li><a  href="#edu">Education</a></li>
                    <li><a  href="#tech">Technical Skills</a></li>
                    <li><a  href="#exp">Experience</a></li>
                    <li><a  href="#contact">Contact</a></li>
            </ul>
        </div>
    </div>
</nav>

不需要额外的 CSS。

工作示例 JSFiddle