부트 스트랩 이미지 갤러리

부트 스트랩 CSS 프레임 워크를 사용하기 시작했습니다. 기본적으로 그림 주위에 프레임을 그리는 이미지 갤러리를 만드는 클래스가 있으며 listitem, 앵커 및 이미지로 구성됩니다. 이미지의 크기가 다른 경우 갤러리가 좋지 않습니다. 내 생각은 각 미리보기 이미지의 고정 너비와 높이를 설정하고 이미지를 테두리 중앙에 배치하는 것이 었습니다. 그것은 어쨌든 작동하지 않습니다. 축소판 그림은 항상 프레임 상단에 첨부됩니다.부트 스트랩 이미지 갤러리

<ul class="thumbnails" id="ulthumbs"> 
<li> 
    <a class="thumbnail" style="width:120px; height:120px; line-height:120px;" > 
     <img src="http://placehold.it/350x150" style="width:120px; height:84px; vertical-align:middle"> 
    </a> 
</li> 
</ul>

아이디어가 있습니까? 테이블을 사용하는 것보다 다른

최저

, 베른

출처

2012-06-07 Bernhard Döbler