Question

求大神指导为什么没有出现collapse折叠效果

<nav class="navbar">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="#" class="navbar-brand">
<span>
<img src="imgs/images/AboutUs_CompanyProfile_03.gif" /></span>
<span>
<img src="imgs/images/AboutUs_CompanyProfile_21.gif" /></span>
</a>
</div>
<!--设置导航折叠-->
<div class="collapse navbar-collapse" id="navbar-collapse-1">
<ul class="nav navbar-nav navbar-left">
<li><a href="Home.aspx">
<img src="imgs/images/AboutUs_CompanyProfile_06.gif" /></a></li>
<li><a href="AboutUs_CompanyProfile.aspx" class="active">
<img src="imgs/images/AboutUs_CompanyProfile_08.gif" /></a></li>
<li><a href="ProjectDisplay.aspx">
<img src="imgs/images/AboutUs_CompanyProfile_10.gif" /></a></li>
<li><a href="CompanyNews.aspx">
<img src="imgs/images/AboutUs_CompanyProfile_12.gif" /></a></li>
<li><a href="AcademicTrends.aspx">
<img src="imgs/images/AboutUs_CompanyProfile_14.gif" /></a></li>
<li><a href="AssociatedAgency.aspx">
<img src="imgs/images/AboutUs_CompanyProfile_16.gif" /></a></li>
<li><a href="TalentTraning.aspx">
<img src="imgs/images/AboutUs_CompanyProfile_18.gif" /></a></li>
</ul>
<!--搜索区-->
<div class="navbar-form navbar-right" role="search">
<div class="form-group">
<input type="text" />
</div>
<!--搜索图标为button样式-->
<button type="submit" class="btn btn-default"><span class="glyphicon glyphicon-search"></span></button>
</div>

</div>
</nav>

Answer 1

<nav class="navbar navbar-default">
<div class="container">
<div class="navbar-header" data-toggle="collapse" data-target="#myCollapse">
<button class="navbar-toggle">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="#" class="navbar-brand">少年WEB工作室</a>
</div>
<div class="collapse navbar-collapse" id="myCollapse">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="#">首页</a></li>
<li><a href="#">产品展览</a></li>
<li><a href="#">产品介绍</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</div>
</div>
</nav>