2017-02-02 8 views
-2

私はそれがwebsitebakerの変化だ、wbceと呼ばれるCMSで動作します。私は、アドベンチャーストラップライトと呼ばれるテンプレートをインストールしました。ドロップダウンメニューでブートストラップテキスト/メニューを追加するにはどうすればよいですか?

私は最近モバイル版で問題が発生しました。「sandwich-menu」ボタンは表示されますが、メニューコンテンツを開いていないので、href =というタグ付きの古典的なメニュー参照はページにアクセスするため動作しません自動的にデスクトップメニューのように。

********************************************** ************************************************** **************** EDIT:

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

私ははるかに簡単に私の問題をindentifyするcodepenになりましページ全体のコードを追加しました。 プラス:できるだけポップアップするのではなく、メニューを柔らかく開くといいでしょう。

私はバックエンドでページを追加することができますし、私はこのコードを使用している場合、それは最後の数ページが表示されませんので、

'<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 iは追加1、メニューのための2つのjsドキュメントの1つです。

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

モバイルでメニューを開くボタンをアクティブにするにはどうすればよいですか?クリックでサブメニューを開くためのボタンを追加することは可能ですか?

Webpage i have trouble with

答えて

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> 
+0

ホバーメニューには、ブートストラップナビゲーションバーを使用できます。例:https://getbootstrap.com/components/#navbar –

+0

私はちょうど今、私が必要なものをより明確にする必要があり、現時点 –

+0

で働いている私は私の答えを更新し、私の質問をeditetd。 (私はヘッダクローズタグを見つけることができません)。 –

関連する問題