드롭 다운이있는 부트 스트랩 텍스트/메뉴를 추가하려면 어떻게합니까? 내가 wbce라는 CMS 작업

Question

, 그것은 websitebaker의 변형입니다. 방금 템플릿을 설치했습니다. Adventure strap light.

내가 최근에 모바일 버전에서 만난 문제는 "샌드위치 메뉴"버튼이 나타나지만 메뉴 콘텐츠를 열지 않고 href = 태그가있는 클래식 메뉴 참조가 페이지에 액세스하기 때문에 작동하지 않습니다. 자동으로 데스크톱 메뉴처럼.

********************************************** ************************************************** **************** 편집 : 훨씬 쉽게 내 문제를 indentify하는 codepen에

 `http://codepen.io/anon/pen/ZLRojp`  

는 이제 전체 페이지 코드를 추가했습니다. 플러스 : 가능한 경우 메뉴가 나타나지 않고 부드럽게 열리면 좋습니다.

내가 백엔드에 페이지를 추가 할 수 있기 때문에

'<a href="http://zgraggen-zahnarzt.ch">Start <i class="fa fa-caret-down"></i></a> 
        <ul class="dropdown-menu"> 
         <li class=" "> 
         <a href="http://zgraggen-zahnarzt.ch/pages/start/test.php">Test</a>' 

아래의 코드는, 내 페이지에서 작동하지 않습니다와 나는이 코드를 사용하는 경우, 그것은 가장 최근 페이지를 볼 수 없습니다. 그래서 나는 모든 페이지를 코딩에 추가해야 할 것이다. 그래서 php showmenu가 웹 사이트 베이커에서 사용됩니다.

JS 제가 첨가 한 메뉴위한 두 JS 문서이다.

********************************************** ************************************************** *************** END EDIT

모바일에서 내 메뉴가 열리는 버튼을 어떻게 활성화 할 수 있습니까? 클릭시 하위 메뉴를 여는 버튼을 추가 할 수 있습니까?

Webpage i have trouble with

Answer 1

나는 whitout 로고 지역에 고정합니다.

<header> 
      <div id="header-top"> 
       <div class="container"> 

       </div><div class="header-image"><img class="img-responsive" src="http://zgraggen-zahnarzt.ch/templates/adventurestrap-light/assets/carousel-images/001.jpg"></div> 
    <nav class="navbar navbar-default"> 
    <div class="container-fluid"> 
       <div class="navbar-header"> 

        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false"> 
         <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 class="container"> 
       <div id="navbar" class="navbar-collapse collapse"> 
        <ul class="nav navbar-nav navbar-right"> 
         <li class=" dropmenu color-random "> 
         <a href="http://zgraggen-zahnarzt.ch">Start <i class="fa fa-caret-down"></i></a> 
         <ul class="dropdown-menu"> 
          <li class=" "> 
          <a href="http://zgraggen-zahnarzt.ch/pages/start/test.php">Test</a> 
          </li> 
         </ul> 
         </li> 
         <li class="active color-random "> 
         <a href="http://zgraggen-zahnarzt.ch/pages/kontakt.php">Kontakt</a> 
         </li> 
         <li class=" color-random "> 
         <a href="http://zgraggen-zahnarzt.ch/pages/oeffnungszeiten.php">Öffnungszeiten</a> 
         </li> 
         <li class=" color-random "> 
         <a href="http://zgraggen-zahnarzt.ch/pages/anfahrt.php">Anfahrt</a> 
         </li> 
        </ul> 
       </div><!-- /.container --></div></div> 
</nav>