javascript - Twitter Bootstrap 下拉菜单不显示

Question

嵌套在主下拉菜单中的下拉菜单不会显示我的所有信息。我在 JSFiddle 中玩过它，但仍然无法正常工作。如果我单击用户字形图标来展开选项，它将在主菜单大小的底部被 chop 。

http://jsfiddle.net/2hGuv/

这是 HTML

<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#ns-navbar-collapse">
                    <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 class="collapse navbar-collapse" id="ns-navbar-collapse">
                <ul class="nav navbar-nav">
                    <li><a href="~/">Home</a></li>
                    <li class="hidden-sm"><a href="~/event">Events</a></li>
                    <li class="hidden-sm"><a href="~/contest/enter">Contest</a></li>
                    <li><a href="~/magazine">Magazine</a></li>
                    <li><a href="~/contact">Contact</a></li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Follow <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li>
                                <a href="http://visitor.r20.constantcontact.com/d.jsp?llr=zta6bgfab&amp;p=oi&amp;m=1105083662969" target="_blank">
                                    Join Our Mailing List
                                </a>
                            </li>
                            <li class="navbar-follow">
                                <div class="addthis_toolbox addthis_32x32_style addthis_default_style">
                                    <a class="addthis_button_facebook_follow" addthis:userid="nextstopmag"></a>
                                    <a class="addthis_button_twitter_follow" addthis:userid="nextstopmag"></a>
                                    <a class="addthis_button_linkedin_follow" addthis:userid="searles-media-inc." addthis:usertype="company"></a>
                                    <a class="addthis_button_google_follow" addthis:userid="+Nextstopmagazine"></a>
                                </div>
                            </li>
                        </ul>
                    </li>
                    <li class="dropdown visible-sm">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">More <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="~/event">Events</a></li>
                            <li><a href="~/contest/enter">Contest</a></li>
                            <li><a href="#" id="search" data-toggle="modal" data-target="#searchBox">Search</a></li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-user"></span> <b class="caret"></b></a>
                        <ul class="dropdown-menu">

                   <li><a href="~/account/dashboard">My Dashboard</a></li>
                            <li><a class="dropdown-toggle" href="~/account/manage">Manage Account</a></li>
                            <li><a href="~/account/logoff">Log off</a> </li>

                        </ul>

                    </li>
                    <li class="hidden-sm"><a href="#" id="search" data-toggle="modal" data-target="#searchBox"><span class="glyphicon glyphicon-search"></span></a></li>
                </ul>
            </div>
        </div>
    </nav>

Answer 1

听起来你有 overflow: hidden;在你的导航栏上。 fiddle 似乎在工作。