切换按钮无法显示折叠的元素，我不知道为什么。调整窗口大小时，会显示切换按钮，但按下后不会发生任何情况。这是我第一次使用 Bootstrap，所以我可能犯了一些非常明显和可笑的错误。任何帮助表示赞赏。
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<div class="boostrap-iso">
<div class="page">
<div class="nav navbar-default">
<div class="container"></div>
<li>
<a class="logo" href="#1"></a>
</li>
<li>
<a class="cart" href="#7"></a>
</li>
<button class="navbar-toggle" data-toggle="dropdown" data-target="navHeaderCollapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="collapse navbar-collapse navHeaderCollapse">
<ul>
<li class="products"><a href="#2">Products</a>
</li>
<li class="store"><a href="#3">Store</a>
</li>
<li class="about"><a href="#4">About Us</a>
</li>
<li class="discover"><a href="#5">Discover</a>
</li>
<li class="support"><a href="#6">Support</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<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.7/js/bootstrap.min.js"></script>