Toggle-Menü für mobile mit Bootstrap

Question

Ich benutze Bootstrap, um Menü oben rechts zu machen.

Für Desktop gibt es vier Menü auf der rechten oberen korrekt angezeigt

Wenn ich Browser schmaleren für mobile Umgebung zu machen. Das Symbol mit der Zeile erscheint, aber selbst wenn ich darauf klicke, passiert nichts.

Das sind meine Quelltexte, gibt es einen Punkt ???

<div class="navbar navbar-default navbar-fixed-top"> 
    <div class="container-fluid"> 
     <div class="navbar-header"> 
      <a href="/whitebear/web/app_dev.php/" class="navbar-brand"> 
      <img height="30px;" src="/whitebear/web/bundles/acmetop/img/whitebearLogo.png"></a> 
      <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main"> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      </button> 
     </div> 
     <div id="navbar-main" class="navbar-collapse collapse"> 
      <ul class="nav navbar-nav navbar-right"> 
       <li><a href="/whitebear/web/app_dev.php/nice">Nice</a></li> 
       <li><a href="/whitebear/web/app_dev.php/qanda">Q & A</a></li> 
            <li><a href="/whitebear/web/app_dev.php/login">login</a></li> 
       <li><a href="/whitebear/web/app_dev.php/register/" >register</a></li> 

         </ul> 
     </div> 
    </div> 
</div> 

Answer 1

ein div Fügen Sie die Menüliste mit der ID des Datenzielattributwert (# navbar-main)

<div id="navbar-main" class="navbar-collapse collapse"> 
    <ul class="nav navbar-nav navbar-right"> 
    // li list 
    </ul>