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

回答

相關問題