首页 文章

倒塌的Bootstrap手风琴面板在打开时在DIV外扩展

提问于
浏览 次
0

我正在使用手风琴作为BizStrap响应式网站主题的一部分 . 默认设置是底部面板打开 .

手风琴的设置是根据模板设置的，除了设置类和高度以便所有面板都关闭：

<a href="#collapseOne" data-parent="#accordion2" data-toggle="collapse" class="accordion-toggle collapsed">
Panel title</a>
</div>
<div class="accordion-body collapse" id="collapseOne" style="height: 0px;">
<div class="accordion-inner">

发展page is here.

我也尝试在第一个面板打开的情况下进行设置 . 在该情况下的问题是当顶部面板下方的面板打开时，顶部面板保持打开并且来自第二面板的内容物延伸到容器DIV之外 . 奇怪的是，如果我先点击顶部面板，然后手风琴下面的那些功能正常 . 这个类是'accordion-toggle e'，高度设置为'auto' . 发展page is here.

我没有使用Bootstrap设置手风琴，我很难解决它 . 如果有人有任何指示帮助我实现这些结果中的任何一个，我真的很感激!!!

css html5 twitter-bootstrap accordion

1 回答

  • 1

    手风琴内容溢出包含 <div> 的原因是设置的内嵌高度，如此 -

    <div style="height: 188px;" id="accordion2" class="accordion in collapse">

    只需移除高度 .

    如果您希望手风琴面板在装载时关闭，请移除类 in

    如在 -

    <div id="accordion2" class="accordion collapse">

    看到这个相关的问题 -

    How do I get my accordion to load with all the menus closed?

    回复于

相关问题