0

我在引导程序中有一个缩略图列表，需要将其排列在填充其上方空间的网格中。这个 jsfiddle 现在显示了问题： li 项目之间的间距非常奇怪。

这是基本框架。带有类缩略图的 ul，然后带有类缩略图和 paddedspan3 的 lis 以添加固定宽度。

http://jsfiddle.net/PZmp9/

<ul class="thumbnails">
<li class="paddedspan3">
    <div class="thumbnail"><img alt="" src="http://www.cedarville.edu/~/media/Images/PhotoGallery/Alumni-BasketBall2012/abw-12_101.jpg?w=268" id="one"/>
<h3>Thumbnail label</h3>
<p><i class="icon icon-map-marker"></i>Place, Country</p>
<p>Thumbnail caption...</p>
<p><a href="http://bootsnipp.com/" class="btn btn-primary btn-block">Open</a></p>
</div>
</li>
<li class="paddedspan3">
<div class="thumbnail"><img alt="" src="http://www.cedarville.edu/~/media/Images/PhotoGallery/Alumni-BasketBall2012/abw-12_103.jpg?w=268" id="two"/>
<h3>Thumbnail label</h3>
<p><i class="icon icon-map-marker"></i>Place, Country</p>
<p>Thumbnail caption...</p>
<p><a href="http://bootsnipp.com/" class="btn btn-primary btn-block">Open</a></p>
</div>
</li>

关于如何让缩略图填充顶部空间的任何想法？看起来最右边的那个做得正确，但其余的就一直在它下面。

提前致谢

4

0 回答 0