我的导航栏的切换按钮不起作用。我使用的代码是从一个带全功能导航栏的Bootstrap模板复制并粘贴的。我不知道怎么回事。
<!-- Navigation -->
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
<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="#page-top">Name</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li class="hidden">
<a href="#page-top"></a>
</li>
<li class="page-scroll">
<a href="#portfolio">Home</a>
</li>
<li class="page-scroll">
<a href="#about">Downloads</a>
</li>
<li class="page-scroll">
<a href="#contact">Contact</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>下面是JavaScript和jQuery文件的脚本标记。它们没有被修改过。
<!-- jQuery -->
<script src="js/jquery.js" />
<!-- Latest compiled and minified JavaScript -->
<script src="js/bootstrap.js" />发布于 2015-05-24 03:23:48
你没有发现任何东西可以放下来。你需要一个列表,使用一个无序列表。您所拥有的只是按钮的名称。请参考下面的bootstraps示例:
http://getbootstrap.com/components/#btn-dropdowns
https://stackoverflow.com/questions/30416525
复制相似问题