Bootstrap 手风琴水平（内嵌块）- 折叠问题

Question

我在网站上有 bootstrap 手风琴，水平放置（内联块面板）

Bootply - code

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

请问如何在打开任何面板正文时将所有面板固定在顶部？

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

Answer 1

只需添加以下内容 css:

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

最好总是明确地使用 vertical-align 属性 和 display: inline-block。