带有jQuery 1.11.0和Bootstrap 3.3.1的下拉菜单

Question

I'm trying to fix a problem in one website about dropdown menu with jquery 1.11.0 and bootstrap 3.3.1.

What am I doing wrong?

<nav class="navbar navbar-inverse" role="navigation">
    <div class="navbar-header">
        <button type="button" id="nav-toggle" class="navbar-toggle" data-toggle="collapse" data-target="#main-nav">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
    </div>
    <div id="main-nav" class="collapse navbar-collapse navStyle">
        <ul class="nav navbar-nav" id="mainNav">
            <li class="active"><a href="#home" class="scroll-link">Home</a></li>
            <li><a href="#menu01" class="scroll-link">menu 01</a></li>
            <li><a href="#menu02" class="scroll-link">menu 02</a></li>
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">O que fazemos<b class="caret"></b></a>
                <ul class="dropdown-menu" role="menu">
                    <li><a href="#oqueFazemos">submenu 01</a></li>
                    <li><a href="#oqueFazemos">submenu 02</a></li>
                    <li><a href="#oqueFazemos">submenu 03</a></li>
                </ul>
            </li>
            <li><a href="#menu03" class="scroll-link">Menu 03</a></li>
            <li><a href="#menu04" class="scroll-link">Menu 04</a></li>
        </ul>
    </div>
</nav>

Answer 1

您在菜单项02上缺少</li> 。我对其进行了修复和缩进，并且OqueFrazemos的下拉列表正在Chrome中运行。

Answer 2

Solved. The problem was a css display:inline-block missing :)