单击后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将它保持在屏幕的右侧。显然，浮动并不同意崩溃。