單擊后更改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絕對定位，將right：0保持在屏幕的右側。 顯然，浮動與崩潰並不一致。