2016-08-16 160 views
0

我使用引导程序3与随包装一起提供的标准css。 我建立了一个菜单出示例中提供的基本结构,并建立了这个HTML:汉堡包在菜单中未显示使用引导折叠

<nav class="navbar navbar-default navbar-static-top"> 
     <div class="container-fluid"> 
      <div class="navbar-header"> 
        <!--<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> 
        <span class="sr-only">Toggle navigation</span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
        </button>--> 
        <a class="navbar-brand" href="index.php"><img src="images/logo_small.png" alt="Montglane"></a> 
       </div> 
      <div id="navbar" class="navbar-collapse collapse"> 
        <ul class="nav navbar-nav navbar-left"> 
         <li class="active voce"><a href="index.php">Home</a></li> 
         <li class="dropdown voce" id="movimenti"> 
           <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Movimenti <span class="caret"></span></a> 
           <ul class="dropdown-menu"> 
            <li><a href="banca.php">Banca</a></li> 
            <li><a href="carta.php">Carta di credito</a></li> 
            <li><a href="timesheet.php">Timesheet</a></li> 
            <!--<li><a href="#">Something else here</a></li>--> 
            <!-- 
            <li role="separator" class="divider"></li> 
            <li class="dropdown-header">Nav header</li> 
            <li><a href="#">Separated link</a></li> 
            <li><a href="#">One more separated link</a></li> 
            --> 
           </ul> 
         </li> 
         <li class="dropdown voce" id="report"> 
           <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Report <span class="caret"></span></a> 
           <ul class="dropdown-menu"> 
            <li><a href="report_banca.php">Banca</a></li> 
            <li><a href="report_carta.php">Carta di credito</a></li> 
            <li><a href="geco.php">Geco</a></li> 
            <li><a href="fattura.php">Fatture</a></li> 
           </ul> 
         </li> 
         <li class="dropdown voce" id="anagrafiche"> 
           <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Anagrafiche <span class="caret"></span></a> 
           <ul class="dropdown-menu"> 
            <li><a href="banche.php">Banche</a></li> 
            <li><a href="carte.php">Carte</a></li> 
            <li><a href="clienti.php">Clienti</a></li> 
            <li><a href="commesse.php">Commesse</a></li> 
            <li><a href="movimenti.php">Tipi Movimenti</a></li> 
           </ul> 
         </li> 
        </ul> 
        <!--<ul class="nav navbar-nav navbar-right"> 
         <li></li> 
        </ul> --> 
        <p class="navbar-text navbar-right"><a href="login/loggedin.php"><?php echo $_SESSION['nome_est']; ?></a></p> 

      </div><!--/.nav-collapse --> 
     </div> 
</nav> 

它的工作原理,但是当涉及到小视其停止显示汉堡包。我检查了代码和菜单选项,但我错过了三行按钮来切换菜单可见性。我做了什么样的错误? 请注意,我现在没有应用任何自定义css或js。

+0

你的评论按钮的HTML部分。见第4至第10行。按钮包括3个“图标栏”。 –

+0

谢谢!我没有注意到这些意见;) –

回答

0

现在作为回答;)

您评论按钮的HTML部分。请参阅第4行至第10行。包含3个跨度图标栏的按钮。

+0

谢谢。我会尽快举起它(所以说我必须等10分钟) –

0

你有评论汉堡菜单部分

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 

 
<nav class="navbar navbar-default navbar-static-top"> 
 
     <div class="container-fluid"> 
 
      <div class="navbar-header"> 
 
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> 
 
        <span class="sr-only">Toggle navigation</span> 
 
        <span class="icon-bar"></span> 
 
        <span class="icon-bar"></span> 
 
        <span class="icon-bar"></span> 
 
        </button> 
 
        <a class="navbar-brand" href="index.php"><img src="images/logo_small.png" alt="Montglane"></a> 
 
       </div> 
 
      <div id="navbar" class="navbar-collapse collapse"> 
 
        <ul class="nav navbar-nav navbar-left"> 
 
         <li class="active voce"><a href="index.php">Home</a></li> 
 
         <li class="dropdown voce" id="movimenti"> 
 
           <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Movimenti <span class="caret"></span></a> 
 
           <ul class="dropdown-menu"> 
 
            <li><a href="banca.php">Banca</a></li> 
 
            <li><a href="carta.php">Carta di credito</a></li> 
 
            <li><a href="timesheet.php">Timesheet</a></li> 
 
            <!--<li><a href="#">Something else here</a></li>--> 
 
            <!-- 
 
            <li role="separator" class="divider"></li> 
 
            <li class="dropdown-header">Nav header</li> 
 
            <li><a href="#">Separated link</a></li> 
 
            <li><a href="#">One more separated link</a></li> 
 
            --> 
 
           </ul> 
 
         </li> 
 
         <li class="dropdown voce" id="report"> 
 
           <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Report <span class="caret"></span></a> 
 
           <ul class="dropdown-menu"> 
 
            <li><a href="report_banca.php">Banca</a></li> 
 
            <li><a href="report_carta.php">Carta di credito</a></li> 
 
            <li><a href="geco.php">Geco</a></li> 
 
            <li><a href="fattura.php">Fatture</a></li> 
 
           </ul> 
 
         </li> 
 
         <li class="dropdown voce" id="anagrafiche"> 
 
           <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Anagrafiche <span class="caret"></span></a> 
 
           <ul class="dropdown-menu"> 
 
            <li><a href="banche.php">Banche</a></li> 
 
            <li><a href="carte.php">Carte</a></li> 
 
            <li><a href="clienti.php">Clienti</a></li> 
 
            <li><a href="commesse.php">Commesse</a></li> 
 
            <li><a href="movimenti.php">Tipi Movimenti</a></li> 
 
           </ul> 
 
         </li> 
 
        </ul> 
 
        <!--<ul class="nav navbar-nav navbar-right"> 
 
         <li></li> 
 
        </ul> --> 
 
        <p class="navbar-text navbar-right"><a href="login/loggedin.php"><?php echo $_SESSION['nome_est']; ?></a></p> 
 

 
      </div><!--/.nav-collapse --> 
 
     </div> 
 
</nav>

+0

谢谢!另一个SO用户已经给了我相同的答案;) –