bootstrap示例之二-口风琴_Android, Python及开发编程讨论区_Weblogic技术|Tuxedo技术|中间件技术|Oracle论坛|JAVA论坛|Linux/Unix技术|hadoop论坛_联动北方技术论坛  
网站首页 | 关于我们 | 服务中心 | 经验交流 | 公司荣誉 | 成功案例 | 合作伙伴 | 联系我们 |
联动北方-国内领先的云技术服务提供商
»  游客             当前位置:  论坛首页 »  自由讨论区 »  Android, Python及开发编程讨论区 »
总帖数
3
每页帖数
101/1页1
返回列表
0
发起投票  发起投票 发新帖子
查看: 6036 | 回复: 2   主题: bootstrap示例之二-口风琴        下一篇 
java_along
注册用户
等级:上尉
经验:771
发帖:36
精华:0
注册:2014-2-17
状态:离线
发送短消息息给java_along 加好友    发送短消息息给java_along 发消息
发表于: IP:您无权察看 2014-6-1 15:45:52 | [全部帖] [楼主帖] 楼主

<html>

<head>

<meta http-equiv="content-type" content="text/html;charset=utf-8">

<link rel="stylesheet" type="text/css" href="../css/bootstrap.css">

<link rel="stylesheet" type="text/css" href="../css/bootstrap-responsive.css">

<script type="text/javascript" src="../js/jquery.js"></script>

<script type="text/javascript" src="../js/bootstrap.js"></script>

<script type="text/javascript">

</script>

</head>

<body>

<div class="container" >

<h1 class="page-header">口风琴</h1>

<div class="accordion" id="accordion1">

<div class="accordion-group">

<div class="accordion-heading">

<a href="#a1" class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1">显示内容一</a>

</div>

<div class="collapse" id="a1">

<div class="accordion-inner" >

adsda

</div>

</div>

</div>

<div class="accordion-group">

<div class="accordion-heading">

<a href="#a2" class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1">显示内容二</a>

</div>

<div class="collapse" id="a2">

<div class="accordion-inner" >

adsda

</div>

</div>

</div>

<div class="accordion-group">

<div class="accordion-heading">

<a href="#a3" class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1">显示内容三</a>

</div>

<div class="collapse" id="a3">

<div class="accordion-inner" >

adsda

</div>

</div>

</div>

</div>

</div>

</body>

</html>

也没什么好解释的,全是使用bootstrap提供的类~~




赞(0)    操作        顶端