用bootstrap点击 按钮 实现 手风琴功能

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="css/bootstrap.css" />
<script type="text/javascript" src="js/jquery-1.11.0.js" ></script>
<script type="text/javascript" src="js/bootstrap.js" ></script>
<style>

</style>
</head>
<body style="margin: 200px;">


<button class="btn btn-primary" data-toggle="collapse" data-target="#content">Bootstrap </button>


<div class="collapse" id="content">
<div class="well">
Bootstrap 是 Twitter 推出的一个用于前端开发的开源工具包。它由 Twitter 的设计师 Mark Otto 和 Jacob Thornton 合作开发,是一个 CSS/HTML 框架。目前,Bootstrap 最新版本为 3.0 。

</div>

</div>

</body>
</html>

猜你喜欢

转载自blog.csdn.net/this_name_true/article/details/80241125