Twitter 부트 스트랩 드롭 다운이 스크롤 막대를 만듭니다.

Question

나는 반응 형 사이트를 만들기 위해 트위터 부트 스트랩을 사용하고 있습니다. 이동 링크보기 메뉴가 스크롤 막대 효과를 만드는 대신 모바일보기에있을 때 꽤 많은 링크가있는 드롭 다운 메뉴가 있습니다. 드롭 다운을 사용하여 축소 탐색 div의 크기를 늘리거나 내 콘텐츠를 아래로 밀어 넣을 수있는 방법이 있습니까?

여기에 현재 사용중인 코드가 있습니다.

<div class="row"> 
    <div class="col-md-12"> 
     <nav id="menu1" class="navbar navbar-default" role="navigation"> 
      <div class="navbar-header"> 
       <div id="logo" class="pull-left hidden-md hidden-lg"> 
         <div class="logo-small"> 
          <img src="<?php bloginfo('template_directory');?>/images/logo-xs.png" alt="small-logo" class="img-responsive"/> 


       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
        <span class="sr-only">Toggle navigation</span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
       </button> 
           </div> 
        </div> 
      </div> 
      <?php wp_nav_menu(array('theme_location' => 'main-menu', 
            'depth' => 2, 
             'container_class' => 'collapse navbar-collapse', 
            'menu_class' => 'nav nav-pills nav-justified', 
            'walker' => new wp_bootstrap_navwalker())); ?> 

     </nav> 
    </div> 
</div> 

Answer 1

다음을 CSS에 추가해보세요.

.navbar-collapse{ 
    max-height:auto; 
}