我使用引导程序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。
你的评论按钮的HTML部分。见第4至第10行。按钮包括3个“图标栏”。 –
谢谢!我没有注意到这些意见;) –