Css “引导”；“折叠开关”；div将扩张，但不会收缩
我的Bootstrap div将花费，但在浏览器上查看时不会收缩。但是，在Dreamweaver视图中，它可以很好地工作Css “引导”；“折叠开关”；div将扩张，但不会收缩,css,collapse,Css,Collapse,我的Bootstrap div将花费，但在浏览器上查看时不会收缩。但是，在Dreamweaver视图中，它可以很好地工作 <head> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jq
<head>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div id="top-template-toolbar">
<ul>
<li><a class="btn btn-info" data-toggle="collapse" href="#demo"><b>Register</b><i class="fa fa-caret-down" aria-hidden="true"></i></a></li>
<li><a href="#"><b>My Account</b></a></li>
<li><a href="#"><b>Help centre</b></a></li>
<li><a href="#"><b>Branch Finder</b></a></li>
<li><a href="#"><b>Accessability</b></a></li>
</ul>
</div>
<div id="demo" class="collapse">
<!--Content Goes Here-->
</div>
</body>
添加Jquery，在这个添加引导之后，两者只添加一次，而且在js文件之前添加所有css文件也是一个好习惯，因为有些脚本使用css类 对于遇到同样问题的人： -正如您所看到的，他在页面中添加了两次引导
添加Jquery，在这个添加引导之后，两者只添加一次，而且在js文件之前添加所有css文件也是一个好习惯，因为有些脚本使用css类 您缺少toggle元素上的数据目标属性 尝试：
内容
@伊奥努特·斯帕塔鲁：他不会两次添加引导。一次是js，一次是css，这样就可以了。您的toggle元素缺少数据目标属性 尝试：
内容
<div id="top-template-toolbar">
<ul>
<li><a class="btn btn-info" data-toggle="collapse" data-target="#demo" href="#demo"><b>Register</b><i class="fa fa-caret-down" aria-hidden="true"></i></a></li>
<li><a href="#"><b>My Account</b></a></li>
<li><a href="#"><b>Help centre</b></a></li>
<li><a href="#"><b>Branch Finder</b></a></li>
<li><a href="#"><b>Accessability</b></a></li>
</ul>
</div>
<div id="demo" class="collapse">
Content
</div>