title: Bootstrap Thumbnails Grid Won't Fill Extra Space
body: <p>I have a list of thumbnails in bootstrap that needs to be lined up in a grid that fills the space above it. This jsfiddle shows the problem right now: the spacing between the li items are very weird.  </p>
  
  <p>Here's the basic framework. A ul with class thumbnails and then lis with class thumbnail and paddedspan3 to add a fixed width.</p>
  
  <p><a href="http://jsfiddle.net/PZmp9/" rel="nofollow">http://jsfiddle.net/PZmp9/</a></p>
  
  <pre><code>&lt;ul class="thumbnails"&gt;
  &lt;li class="paddedspan3"&gt;
      &lt;div class="thumbnail"&gt;&lt;img alt="" src="http://www.cedarville.edu/~/media/Images/PhotoGallery/Alumni-BasketBall2012/abw-12_101.jpg?w=268" id="one"/&gt;
  &lt;h3&gt;Thumbnail label&lt;/h3&gt;
  &lt;p&gt;&lt;i class="icon icon-map-marker"&gt;&lt;/i&gt;Place, Country&lt;/p&gt;
  &lt;p&gt;Thumbnail caption...&lt;/p&gt;
  &lt;p&gt;&lt;a href="http://bootsnipp.com/" class="btn btn-primary btn-block"&gt;Open&lt;/a&gt;&lt;/p&gt;
  &lt;/div&gt;
  &lt;/li&gt;
  &lt;li class="paddedspan3"&gt;
  &lt;div class="thumbnail"&gt;&lt;img alt="" src="http://www.cedarville.edu/~/media/Images/PhotoGallery/Alumni-BasketBall2012/abw-12_103.jpg?w=268" id="two"/&gt;
  &lt;h3&gt;Thumbnail label&lt;/h3&gt;
  &lt;p&gt;&lt;i class="icon icon-map-marker"&gt;&lt;/i&gt;Place, Country&lt;/p&gt;
  &lt;p&gt;Thumbnail caption...&lt;/p&gt;
  &lt;p&gt;&lt;a href="http://bootsnipp.com/" class="btn btn-primary btn-block"&gt;Open&lt;/a&gt;&lt;/p&gt;
  &lt;/div&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p></p>
  
  <p>Any idea on how to get the thumbnails to fill in the space in the top? It seems like the one on the very right is doing it correctly but then the rest just go all the way below it.</p>
  
  <p>Thanks in advance</p>