드롭 다운 하위 숨김 - 부트 스트랩 3

Question

모바일보기에서 부트 스트랩 탐색 모음에 문제가 있습니다. 이미지를 통해 알 수 있듯이 드롭 다운 상자를 확장하면 하위 항목이 숨겨집니다. 더 이상 숨겨져 있지 않도록 메뉴를 확장하는 방법이 있습니까? 여기

Screenshot이 순간에 내 네비게이션 바있다 :보다 높은 값에 드롭 다운 메뉴의 z-index을 설정

<nav class="navbar navbar-default" role="navigation"> 
       <div class="container-fluid"> 
       <!-- Brand and toggle get grouped for better mobile display --> 
       <div class="navbar-header"> 
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> 
        <span class="sr-only">Toggle navigation</span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
        </button> 
        <a class="navbar-brand" href="#"></a> 
       </div> 

       <!-- Collect the nav links, forms, and other content for toggling --> 
       <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
        <ul class="nav nav-pills nav-justified"> 
        <li class="active"><a href="index.html">1</a></li> 
        <li><a href="process.html">2</a></li> 
        <li class="dropdown"> 
         <a href="2.html" class="dropdown-toggle navbar-collapse" data-toggle="dropdown">2 <span class="caret"></span></a> 
         <ul class="dropdown-menu" role="menu"> 
         <li><a href="3.html">3</a></li> 
         <li><a href="4.html">4</a></li> 
         <li><a href="5.html">5</a></li> 
         <li><a href="6.html">6</a></li> 
         <li><a href="7.html">7</a></li> 
         <li><a href="8.html">8</a></li> 
         <li class="divider"></li> 
         <li><a href="8.html">8</a></li> 
         </ul> 
         <li><a href="contact.html">Contact Us</a></li> 
        </li> 
        </ul> 
       </div><!-- /.navbar-collapse --> 
       </div><!-- /.container-fluid --> 
      </nav> 

Answer 1

(숨겨진 이름 등 미안해) 여기

는 모바일 스크린 샷입니다 귀하의 페이지 본문 중 하나. 당신의 CSS에서

을 수행하여 드롭 다운 메뉴의

.drodown-menu{ 
    z-index:1000; //or whatever value you want to use 
}