Question

我有一个bootstrap导航栏，但点击时没有打开菜单列表。当我尝试更改断点时，问题就开始了，因为我的菜单列表溢出了。请看一下代码。我觉得问题出现在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

的工作示例

Bootstrap导航栏切换未在点击时打开

1 个答案: