はどのようにこのtempleteのboostrap4にホバーに

Question

I Use this template, build with boostrap4

をドロップダウンを設定するには、私は、この上のテンプレートでホバードロップダウンメニューバーを追加するために助けることができますか？

私は、現在表示されているDropdownメニューバーを表示するためのコードでindex.htmlファイルを更新しますが、ホバー上にメニューを表示する必要があります。ここで

のコードです：

<!-- Navigation --> 
    <nav class="navbar fixed-top navbar-toggleable-md navbar-inverse bg-inverse"> 
     <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarExample" aria-controls="navbarExample" aria-expanded="false" aria-label="Toggle navigation"> 
      <span class="navbar-toggler-icon"></span> 
     </button> 
     <div class="container"> 
      <a class="navbar-brand" href="/"><img src="img/km-logo.png" style="margin-bottom:5px;" width="60%" height="auto" alt="kmwebsoft.com logo"></a> 
      <div class="collapse navbar-collapse dropdown" id="navbarExample"> 
       <ul class="navbar-nav ml-auto"> 
        <li class="nav-item active"> 
         <a class="nav-link" href="/">Home <span class="sr-only">(current)</span></a> 
        </li> 
        <li class="dropdown"> 
      <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> 
      <ul class="dropdown-menu"> 
      <li class="dropdown-item"><a href="#" style="text-decoration:none;">Action</a></li> 
      <li class="dropdown-item"><a href="#" style="text-decoration:none;">Another action</a></li> 
      <li class="dropdown-item"><a href="#" style="text-decoration:none;">Something else here</a></li> 
      </ul> 
     </li> 
     </li> 
        <li class="nav-item"> 
         <a class="nav-link" href="#">Services</a> 
        </li> 
        <span class="text-primary"></span> 
        <li class="nav-item"> 
         <a class="nav-link" href="#">Contact</a> 
        </li> 
       </ul> 
      </div> 
     </div> 
    </nav> 

あなたが任意のアイデアを提案することはできますか？ AboutUsのメニューを一時的に適用します。

Answer 1

ドロップダウンメニューが必要なメニュー項目でthis.bindイベントを実行するには、javascriptまたはjqueryを使用する必要があります。