私は、パッケージに同梱の標準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を適用していないことに注意してください。
をコメントしています。 4行目から10行目を参照してください。3つのスパン「アイコンバー」を含むボタン。 –
ありがとう!私はコメントに気付かなかった;) –