Bootstrap手风琴水平(内联块) - 崩溃问题

时间:2016-07-14 08:32:15

标签: css twitter-bootstrap accordion horizontal-accordion

我在网站上有自举手风琴,水平放置(直插式面板)

Bootply - code

当我尝试打开图像下方的文本面板时会出现问题,因为所有其他三个面板都会滚动到手风琴面板组的底部。示例 - screenshot1 screenshot2 ...

在打开任何面板正文时,能否帮助我如何将所有面板固定到顶部?

当我将.panel-default样式更改为position:absolute;所有四个面板都显示在彼此之上 这里的实例 - http://www.twodotsmedia.com/u-izradi/uram-system/usluge.php

1 个答案:

答案 0 :(得分:1)

只需添加以下css:

.panel-default {
    vertical-align: top;
}

最好始终明确地将vertical-align属性与display: inline-block一起使用。