2016-08-16 3 views
0

私は、パッケージに同梱の標準CSSとともにブートストラップ3を使用しています。 は、私は、実施例に提供されている基本的な構造の外にメニューを構築し、この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> 

が、それは小さなビューポートに来るとき、それはハンバーガーを示す停止しました。私はコードを検査し、メニューオプションが表示されますが、私はメニューの可視性をトグルするために3行のボタンが欠けています。どのような間違いをしましたか? 今はカスタムCSSやjsを適用していないことに注意してください。

+0

をコメントしています。 4行目から10行目を参照してください。3つのスパン「アイコンバー」を含むボタン。 –

+0

ありがとう!私はコメントに気付かなかった;) –

答えて

0

今すぐ回答;)

あなたはボタンのHTMLセクションにコメントしました。 4行目から10行目を参照してください。3スパンのアイコンバーを含むボタン。

+0

ありがとう。私はそれを行うことができるとすぐにそれをフラグする(そう、私は10分待たなければならないと言う) –

0

あなたは、ボタンのHTMLセクションをコメントハンバーガーメニューセクションに

<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

ありがとう!もう1人のSOユーザーが既に私に同じ答えをくれました;) –

関連する問題