부트 스트랩 아코디언 수평 (인라인 블록) - 축소 문제

Question

나는 수평으로 배치 된 웹 사이트에서 부트 스트랩 아코디언이 (인라인 블록 패널)

Bootply - 내가하려고 할 때 code

문제가 발생합니다 세 개의 다른 패널 모두가 아코디언 패널 그룹의 맨 아래로 스크롤되기 때문에 이미지 아래에 텍스트 패널을 엽니 다. 예 - screenshot1screenshot2 ...

패널 본문을 열 때 모든 패널을 맨 위에 고정하는 방법을 알려주십시오.

.panel-default 스타일을 position : absolute로 변경할 때; 네 개의 패널은 여기에 서로 라이브 예를 통해 표시 - http://www.twodotsmedia.com/u-izradi/uram-system/usluge.php

Answer 1

그냥 CSS는 다음을 추가합니다

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

그

더 나은 항상 명시 적으로 display: inline-block와 vertical-align 속성을 사용하는.