twitter-bootstrap – Accordion Inside Accordion twitter boot
发布时间:2020-12-18 00:14:44 所属栏目:安全 来源:网络整理
导读:我正在尝试使用Twitter Bootstrap在另一支手风琴中实现手风琴。可能吗?如果是这样,那么请帮助我代码,因为我尝试实施它但我没有成功。 解决方法 简单地在div中包含另一个手风琴 – 手风琴 – 内部: div class="accordion" id="accordion1" div class="acc
我正在尝试使用Twitter Bootstrap在另一支手风琴中实现手风琴。可能吗?如果是这样,那么请帮助我代码,因为我尝试实施它但我没有成功。
解决方法
简单地在div中包含另一个手风琴 – 手风琴 – 内部:
<div class="accordion" id="accordion1"> <div class="accordion-group"> <div class="accordion-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1" href="#collapSEOne"> Collapsible Group #1 </a> </div> <div id="collapSEOne" class="accordion-body collapse in"> <div class="accordion-inner"> This is a simple accordion inner content... </div> </div> </div> <div class="accordion-group"> <div class="accordion-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1" href="#collapseTwo"> Collapsible Group #2 (With nested accordion inside) </a> </div> <div id="collapseTwo" class="accordion-body collapse"> <div class="accordion-inner"> <!-- Here we insert another nested accordion --> <div class="accordion" id="accordion2"> <div class="accordion-group"> <div class="accordion-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseInnerOne"> Collapsible Inner Group Item #1 </a> </div> <div id="collapseInnerOne" class="accordion-body collapse in"> <div class="accordion-inner"> Anim pariatur cliche... </div> </div> </div> <div class="accordion-group"> <div class="accordion-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseInnerTwo"> Collapsible Inner Group Item #2 </a> </div> <div id="collapseInnerTwo" class="accordion-body collapse"> <div class="accordion-inner"> Anim pariatur cliche... </div> </div> </div> </div> <!-- Inner accordion ends here --> </div> </div> </div> </div> 请记住使用不同的手风琴ID。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
相关内容
- unix – 当ZFS无法提供未损坏的数据时,程序会看到什么?
- bash – 如何将非拉丁gnu / make目标添加到完成列表?
- twitter-bootstrap – 使用Require.js从CDN加载Bootstrap
- BootstrapTable与KnockoutJS相结合实现增删改查功能【二】
- shell – 用于确定是否安装了最新版本的PIP命令?
- Visual Rules规则引擎 + WebService简单的项目案例【连载二
- 算法 – scala中位数实现
- CXF开发webservice需要的jar包
- 学习Mysql过程中拓展的其他技术栈:Docker入门介绍
- 在bash脚本中帮助Expect