Bootstrap Navbar摺疊樣式點擊後變化

Question

http://codepen.io/ruchiccio/pen/ONvoaE

我有一個帶有下拉菜單的導航欄。這個下拉菜單有幾個孩子，其中一個也是一個下拉列表（即品牌）。當我點擊這個下拉列表，然後通過切換插入符號再次關閉它，在我的整個導航欄崩潰DIV的1px寬的邊框消失。我看不出是什麼原因導致發生。

我也得到當我點擊下拉品牌，撥動它關閉怪異邊界發生變化，然後嘗試單擊下拉菜單中選擇常規鏈接（即關於）。

下面是代碼的樣子：

<div id="navbar" class="navbar-collapse collapse"> 
    <ul class="nav navbar-nav"> 
     <li><a>About</a></li> 
     <li class="dropdown"> 
     <a class="dropdown-toggle" data-toggle="dropdown">Brands<span class="caret"></span></a> 
      <ul class="dropdown-menu"> 
       <li><a>Brand 1</a></li> 
    ... 

Answer 1

我想出了一個解決方案。我給了navbar-collapse絕對定位，右邊：0將它保持在屏幕的右側。顯然，浮動並不同意崩潰。