트위터의 부트 스트랩 고정 검은 색 메뉴가 맨 위에 있습니다. 하위 메뉴가있는 경우 모바일에서 작동하지 않습니다. 해결 방법은 무엇입니까?

Question

트위터의 부트 스트랩 상단에 고정 된 검은 색 네비게이션 막대를 사용하여 문제를 해결할 수있는 개미 해결 방법이 있습니까? 모바일에서 하위 메뉴와 함께 작동하지 않습니까?

작은 화면에서 액세스 할 때 고정 된 navbar가있는 페이지가 왼쪽에 정렬 된 단일 버튼으로 변환됩니다. 클릭하면 전체 탐색 메뉴가 목록으로 나타납니다. 해당 메뉴에 하위 메뉴가있는 경우 해당 단일 단추를 클릭해도 아무 일도 발생하지 않습니다.

어떻게해야합니까? 어떤 아이디어?

감사합니다. 하위 메뉴에 대한

Rosamunda

Answer 1

사용 드롭 다운 :

<div class="navbar"> 
    <div class="navbar-inner"> 
     <div class="container"> 
     <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
     </a> 
     <a class="brand" href="#">Project name</a> 
     <div class="nav-collapse"> 
      <ul class="nav"> 
      <li class="active"><a href="#">Home</a></li> 
      <li><a href="#">Link</a></li> 
      <li><a href="#">Link</a></li> 
      <li><a href="#">Link</a></li> 
      <li class="dropdown"> 
       <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> 
       <ul class="dropdown-menu"> 
       <li><a href="#">Action</a></li> 
       <li><a href="#">Another action</a></li> 
       <li><a href="#">Something else here</a></li> 
       <li class="divider"></li> 
       <li class="nav-header">Nav header</li> 
       <li><a href="#">Separated link</a></li> 
       <li><a href="#">One more separated link</a></li> 
       </ul> 
      </li> 
      </ul> 
      <form class="navbar-search pull-left" action=""> 
      <input type="text" class="search-query span2" placeholder="Search"> 
      </form> 
      <ul class="nav pull-right"> 
      <li><a href="#">Link</a></li> 
      <li class="divider-vertical"></li> 
      <li class="dropdown"> 
       <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> 
       <ul class="dropdown-menu"> 
       <li><a href="#">Action</a></li> 
       <li><a href="#">Another action</a></li> 
       <li><a href="#">Something else here</a></li> 
       <li class="divider"></li> 
       <li><a href="#">Separated link</a></li> 
       </ul> 
      </li> 
      </ul> 
     </div><!-- /.nav-collapse --> 
     </div> 
    </div><!-- /navbar-inner --> 
    </div><!-- /navbar -->