BootScrap과 함께 Offcanvas 사용 3 Navbar Fixed Top

Question

다소 큰 메뉴가있는 사이트를 만들고 BS3과 함께 제공되는 접힌 메뉴가 마음에 들지 않습니다. BS3의 offcanvas JS 예제 (또는 트릭을 수행하는 다른 플러그인 - 드롭 다운에 대한 지원을 포함해야 함)에있는 서랍/끄기 캔버스 메뉴를 사용하고 싶지만이 예제는 사이드 바 메뉴/nav에서만 수행합니다. 현재 내비게이션을 사용하려면 어떻게해야합니까? http://getbootstrap.com/examples/offcanvas/

내가 그 기능이 필요하지만, 상단 메뉴가 아닌 사이드에 적용 : 여기

은 예입니다.

HTML 나는 Jasny Bootstrap의 Offcanvas 기능을 사용하여 알아 낸이 문제를 가지고 사람을 위해

<nav id="navbar-main" class="navbar navbar-inverse navbar-fixed-top" role="navigation"> 
    <div class="container"> 
    <div class="navbar-header"> 
     <button type="button" id="menu-trigger" class="navbar-toggle"> 
      <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="#">Brand</a> 
    </div> 

    <div id="main-menu" class="collapse navbar-collapse"> 
     <ul class="nav navbar-nav"> 
      <li><a href="#">Link</a></li> 
      <li><a href="#">Link</a></li> 
      <li><a href="#">Link</a></li> 
     </ul> 
    </div> 
    </div> 
</nav> 

Answer 1

좋아.

근무 예 : http://jasny.github.io/bootstrap/examples/navbar-offcanvas/