引导3导航下拉

Question

我使用导航栏有一个下拉菜单（引导3）

1. 我调整浏览器窗口< 767px
2. 我打开菜单
3. 我调整浏览器窗口> 767px
4. 我打开下拉菜单（里面导航栏）

问题：滚动条出现在下拉菜单中。 （见下图）

我 “NAV” 元件是相对位置。

<nav class="navbar navbar-default clearfix" role="navigation"> 

    <div class="navbar-header"> 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse"> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
     </button> 
     <a class="logo" href="#"></a> 
    </div> 

    <div class="collapse navbar-collapse navbar-main-collapse"> 
     <ul class="main-menu user hidden-xs"> 
      <li class="dropdown"> 
       <a href="#" class="dropdown-toggle btn btn-xs btn-primary" data-toggle="dropdown"> 
        <span class="glyphicon glyphicon-user"></span> 
       </a> 
       <ul class="dropdown-menu pull-right" role="menu"> 
        <li><a href="#">Menu item 1</a></li> 
        <li><a href="#">Menu item 2</a></li> 
        <li class="divider"></li> 
        <li><a href="#">Menu item 3</a></li> 
       </ul> 
      </li> 
     </ul> 
    </div> 

</nav> 

有谁知道如何解决这个问题？

Answer 1

是..这是在引导3.0.2一个已知的bug -

（https://github.com/twbs/bootstrap/issues/11243）

一个解决办法是..

.navbar-collapse.in { 
    overflow-y: visible; 
} 

演示：http://bootply.com/96924

Answer 2

我也有这个问题。

看到这一点： http://bootply.com/97248

1. 来看，它
2. 调整大小（使其变小）的浏览器窗口，直到它成为移动布局
3. 打开下拉菜单（不要关闭/折叠回）
4. 调整大小（使其更大）浏览器窗口，直到它变成桌面布局
5. 你会看到下拉菜单得到垂直滚动条

这是因为父母（在我的例子中为#test）仍然在'入'类从它仍然是移动布局。

.navbar-collapse.in { 
    overflow-y: auto; 
} 

它是bug还是bootstrap设计？任何人都知道在bootstrap.js中解决这个问题的方法？

编辑：thx斯凯利！ 不能赞成/评论。

Answer 3

斯凯利的回答很有帮助。谢谢。但因为我是在倒塌活动期间看到一个滚动条，我需要解决这个问题是这样的：

.navbar-collapse.in, .navbar-collapse.collapsing { 
    overflow-y: visible; 
} 

引导“在”一旦崩溃是完全适用的“崩溃”类的菜单崩溃，然后。我希望这可以帮助别人。