我对我制作的这个 Bootstrap 菜单感到很不爽，我想不通为什么它不会折叠，动画。 一切正常，但按钮不起作用。
<!DOCTYPE html>
<html>
<header>
<script type='text/javascript' src="//ajax.googleapis.com/ajax/lib/jquery/2.0.2/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<link href="stylesheet.css" rel="stylesheet">
</header>
<body>
<div class="navbar navbar-inverse navbar-fixed-top container">
<div class="container">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="collapse navbar-collapse navbar-collapse">
<ul>
<a href="#"><li>Home</li></a>
<a href="#"><li>Dropdown</li></a>
<a href="#"><li>Tell me More</li></a>
<a href="#"><li>Contact</li></a>
<a href="#"><li>Login</li></a>
<a href="#"><li>Sign up</li></a>
</ul>
</div>
请帮忙？
最佳答案
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<div class="navbar navbar-inverse navbar-fixed-top container">
<div class="container">
<button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="collapse navbar-collapse navbar-collapse">
<ul>
<a href="#"><li>Home</li></a>
<a href="#"><li>Dropdown</li></a>
<a href="#"><li>Tell me More</li></a>
<a href="#"><li>Contact</li></a>
<a href="#"><li>Login</li></a>
<a href="#"><li>Sign up</li></a>
</ul>
</div>这是一个工作示例。 data-target=".navbar-collapse" @Peszo 说它不起作用。最有用的事实是在使用代码片段时调整窗口大小。
如果您遇到更多问题，请发表评论。如果有帮助，+1。
编辑 根据需要，我进一步设计了导航栏的样式。
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<div class="navbar navbar-inverse navbar-fixed-top container">
<div class="container">
<button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="collapse navbar-collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="#">Home</a></li>
<li><a href="#">Dropdown</a></li>
<li><a href="#">Tell me More</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Login</a></li>
<li><a href="#">Sign up</a></li>
</ul>
</div>关于css - Bootstrap 响应式菜单不会响应，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31002845/