为什么在点击页眉div时使 Bootstrap accordion崩溃?

  • 回答 (2)
  • 关注 (0)
  • 查看 (15)

在Bootstrap上,而不需要点击a文本时,我希望在单击panel-heading

我正在使用Bootstrap3。所以,它不是accordion,而是一个可折叠的面板。知道怎么做整个面板可点击吗?

MH小夜雨时MH小夜雨时提问于
lllspeed啥也不会..回答于

你要做的就是用:

  • data-toggle="collapse"
  • data-target="#ElementToExpandOnClick"

可以选择设置data-parent例如:

  • data-parent="#accordion"

我还会将以下CSS添加到以下元素中data-toggle="collapse"如果他们不是<a>标签,例如:

.panel-heading {
    cursor: pointer;
}
寒儿互联网产品经理回答于

另一种方法是让你<a>充分填补所有的空间panel-heading。使用这种风格可以做到:

.panel-title a {
    display: block;
    padding: 10px 15px;
    margin: -10px -15px;
}

扫码关注云+社区