我一直在为一个站点开发导航栏,我已经正确地缩小了它的大小,但是当它变成响应栏(将链接折叠到下拉列表中)时,我无法显示可折叠菜单。带有 3 个栏的列表按钮和我隐藏的导航栏品牌出现,但我无法下拉菜单。有任何想法吗?
代码:
<div class="navbar navbar-fixed-top head-navigation" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle Navigation</span>
<span class="fa fa-bars"></span>
</button>
<a class="navbar-brand brand-hidden" href="#"><i class="fa fa-circle"></i> Brand <i class="fa fa-circle"></i></a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav nav-justified">
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a class="img-logo" href="#"><img id="main-logo" src="img/logo.png"></a></li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Item 4</a></li>
</ul>
</div>
最佳答案
您是否还加载了 bootstrap.js 或 collapse.js + transitions.js?没有它们,导航折叠将无法工作,如文档中所述:http://getbootstrap.com/components/#requires-javascript-plugin
关于html - 响应 Bootstrap 导航栏不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30735581/