twitter-bootstrap – 如何使Bootstrap手风琴在点击标题div时崩溃?

前端之家收集整理的这篇文章主要介绍了twitter-bootstrap – 如何使Bootstrap手风琴在点击标题div时崩溃?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在Bootstrap手风琴中,我不想要点击文本,而是在面板标题div中单击任何位置时,使它折叠。

我使用Bootstrap 3.所以,而不是手风琴,它只是一个可折叠的面板。任何想法如何做整个面板可点击?

解决方法

所有你需要做的是使用…

> data-toggle =“collapse”
> data-target =“#ElementToExpandOnClick”

…在要单击的元素上触发折叠/展开效果

具有data-toggle =“collapse”的元素将是触发效果的元素。
data-target属性指示在触发效果时将展开的元素。

(可选)如果要创建折叠效果而不是独立折叠,可以设置数据父级(如:

> data-parent =“#accordion”

我也将添加以下CSS到元素与data-toggle =“collapse”,如果他们不是< a>标签,例如:

.panel-heading {
    cursor: pointer;
}

这里是a jsfiddle与从Bootstrap 3 documentation修改html。

原文链接:https://www.f2er.com/bootstrap/234981.html

猜你在找的Bootstrap相关文章