Question

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

这是基本框架。带有类缩略图的ul，然后使用类缩略图和paddedspan3来增加固定宽度。

<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>

有关如何让缩略图填充顶部空间的任何想法？似乎正确的那个正确地做了它，但其余的只是一直在它下面。

提前致谢

Bootstrap缩略图网格不会填充额外空间

0 个答案: