Twitter Bootstrap导航下拉不扩展div

我最近开始使用twitter引导。找到它相当直观。但我有一个问题，其中导航下拉菜单不会扩展到容器div之外。Twitter Bootstrap导航下拉不扩展div

这里是的jsfiddle http://jsfiddle.net/BwpaX/1/

我怎样才能使下拉到方含股利外扩？

这是我使用的HTML。

<div class="main2"> 
    <div class="navbar"> 
    <div class="navbar-inner"> 
    <div class="container"> 
    <ul class="nav"> 
     <li class="active"> 
     <a class="brand" href="#">example</a> 
     </li>  
     </ul> 
    <ul class="nav pull-right"> 
     <li class="dropdown"> 
     <a href="#" class="dropdown-toggle menu_col" data-toggle="dropdown"> Tags 
      <b class="caret"></b> 
      </a> 
     <ul class="dropdown-menu"> 
      <li><a href="#">Share</a></li> 
      <li><a href="#">Tagged</a></li> 
      <li><a href="#">Explore</a></li> 
      <li><a href="#">Enjoy</a></li> 
     </ul> 
     </li> 
     </ul> 
     </div> 
     </div> 
     </div> 
    <div class="searchbar_analytics"> 
    <form class="navbar-search pull-right"> 
    <i class="icon-search" style="margin-right:3px;"></i><input type="text" class="search-query" placeholder="Search"/> 
    </form> 

    </div> 
    </div>

来源

2013-10-09 user2861231

有几件事要注意。你应该使用Bootstrap的CSS类。正如c-微笑提到的，你的main2类需要删除overflow: hidden。

我也建议将container类添加到search_analytics div和主div。这里有一个小提琴http://jsfiddle.net/BwpaX/2/

来源

2013-10-09 05:34:20

向serach_analytics和main2 div添加容器类...并删除溢出隐藏解决了问题。 – user2861231

Thnaks ...你介意告诉我什么是容器课如此特别吗？ – user2861231

您已经封闭的弹出式窗口到

.main2 { 
    overflow: hidden; 
}

毫不奇怪的弹出窗口将不会被外界可见。删除那overflow:hidden;，它会工作。

来源

2013-10-09 05:30:08

你的CSS的MAIN2：

.main2 { 
    background-color: #FFFFFF; 
    margin-left: auto; 
    margin-right: auto; 
}

这里overflow: hidden;属性已被删除，允许和元素里面它也扩展到MAIN2的边界。

来源

2013-10-09 05:35:45

Twitter Bootstrap导航下拉不扩展div

回答

相关问题