!DOCTYPE htmlhtmlheadtitleBootstrap Example/titlelink href = /bootstrap/css/bootstrap.min.css rel = stylesheet
编程学习网为您整理以下代码实例,主要实现:Bootstrap可折叠按钮,希望可以帮到各位朋友。
<!DOCTYPE HTML>
<HTML>
<head>
<Title>bootstrap Example</Title>
<link href = "/bootstrap/CSS/bootstrap.min.CSS" rel = "stylesheet">
<script src = "/scripts/jquery.min.Js"></script>
<script src = "/bootstrap/Js/bootstrap.min.Js"></script>
</head>
<body>
<div class = "container">
<h2>Contact Us</h2>
<p>Click for more info...</p>
<button type = "button" class = "btn btn-info" data-toggle = "collapse" data-target = "#demo">More</button>
<div ID="demo" class="collapse">
You can also contact us on 9199****** for more information on our products.
</div>
</div>
</body>
</HTML>
织梦狗教程
本文标题为:Bootstrap可折叠按钮
基础教程推荐
猜你喜欢
- Bootstrap .btn-group-*类的用法 1970-01-01
- Bootstrap将下拉菜单添加到按钮 1970-01-01
- Bootstrap默认导航栏 1970-01-01
- Bootstrap下拉列表选项卡 1970-01-01
- Bootstrap .img-rounded类 1970-01-01
- Bootstrap简明表格 1970-01-01
- Bootstrap Clearfix 1970-01-01
- Bootstrap成功Contextual类 1970-01-01
- Bootstrap内联表单 1970-01-01
- D3.js SVG线示例 1970-01-01