Twitter引导程序下拉菜单不显示

Question

嵌套在我的主下拉菜单中的下拉菜单不会显示我的所有信息。我在JSFiddle中玩弄了它，仍然无法实现它。如果我点击用户图形展开选项，它将在主菜单大小的底部切断。

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

听起来像是你有溢出：隐藏;在您的导航栏上。 小提琴似乎在工作。