부트 스트랩 3 탐색 드롭 다운

Question

나는 드롭 다운 메뉴와 네비게이션 바에을 사용하고

(부트 스트랩 3)

1. 나는 767px>
2. 내가 브라우저 창 크기를 조정 < 767px
3. 내가 메뉴를 열고 브라우저 창 크기를 조정
4. 나는

(네비게이션 바 내부) 문제를 드롭 다운 메뉴를 엽니 스크롤 드롭 다운 메뉴에 나타납니다.

내 "탐색"요소 상대 위치이다 (아래 그림 참조).

<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에서 알려진 버그 -

(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)이 여전히 모바일 레이아웃인데도 'in'클래스가 있기 때문입니다.

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

버그 또는 부트 스트랩 디자인입니까? 누구나 bootstrap.js에서이 문제를 해결할 곳을 아십니까?

EDIT : thx Skelly! 은 upvote/comment 할 수 없습니다.

Answer 3

스켈 리의 대답이 도움이되었습니다. 고맙습니다. 나는 무너 활동하는 동안 스크롤을보고 이후, 나는 이런 식으로 문제를 해결하는 데 필요한 : 메뉴 붕괴로

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

부트 스트랩이 붕괴가 완료되면 "의"다음의 "붕괴"클래스를 적용합니다. 나는 이것이 다른 누군가를 돕기를 바랍니다.