title: twitter bootstrap thumbnail alignment issue
body: <p>I have an issue with aligning thumbnails in a Twitter Bootstrap well: </p>
  
  <ol>
  <li>I'm using fluid layout</li>
  <li>My thumbnails are 183 by 154 px</li>
  <li>I would like to use fixed image sizes, but variable margins and that the thumbnails perfectly align within the area they are in.</li>
  </ol>
  
  <p><strong>This is the result for what I have so far:</strong></p>
  
  <p><a href="http://i.stack.imgur.com/1qUA6.png" rel="nofollow">http://i.stack.imgur.com/1qUA6.png</a></p>
  
  <p>As you may notice; the images are aligned to much to the left.
  The thumbnails are wrapped as such:</p>
  
  <pre><code> &lt;div class="row-fluid"&gt;
       &lt;div class="span6"&gt;
  </code></pre>
  
  <p>My html:</p>
  
  <pre><code>  &lt;ul id="nwthumbs"&gt;
       &lt;li&gt;&lt;a href="#" &gt;&lt;img src="Fernando-Alonso-Ferrari-3_2799133.jpg"&gt;&lt;h2&gt;&lt;span&gt;Fernando Alonso has credited Ferrari's decision to stop for a new set of we...&lt;/span&gt;&lt;/h2&gt;&lt;/a&gt;
        &lt;button class="btn btn-mini" type="button" &gt;Read More&lt;/button&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#" &gt;&lt;img src="Sir-Alex-Ferguson_2794602.jpg"&gt;
            &lt;h2&gt;&lt;span data-bind="html: titleShortened"&gt;Sir Alex Ferguson says there is 'no chance' of Manchester United repeating ...&lt;/span&gt;&lt;/h2&gt;&lt;/a&gt;&lt;button class="btn btn-mini" type="button" &gt;Read More&lt;/button&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="#" &gt;&lt;img src="Paul-Bohan-2012_2799199.jpg"&gt;
   &lt;h2&gt;&lt;span&gt;Local Hero claimed a first victory of the year with a determined effort in ...&lt;/span&gt;
        &lt;/h2&gt; &lt;/a&gt;&lt;button class="btn btn-mini" type="button" &gt;
                                          Read More&lt;/button&gt;
                                  &lt;/li&gt;
                &lt;li&gt;&lt;a href="#" &gt;&lt;img src="Douglas_2675905.jpg"&gt;
        &lt;h2&gt;&lt;span&gt;FC Twente chairman Joop Munsterman admits he is unsure whether Newcastle Un...&lt;/span&gt;&lt;/h2&gt; &lt;/a&gt;&lt;button class="btn btn-mini" type="button" &gt;
                                          Read More&lt;/button&gt;
                                  &lt;/li&gt;
                                  &lt;li&gt;&lt;a href="#" &gt;
                    &lt;img src="Darryl-Westlake-Walsall_2465450.jpg"&gt;
                                      &lt;h2&gt;
        &lt;span&gt;Sheffield United have confirmed the signing of promising defender Darryl We...&lt;/span&gt;
                                      &lt;/h2&gt;
                                  &lt;/a&gt;
                                      &lt;button class="btn btn-mini" type="button" &gt;
                                          Read More&lt;/button&gt;
                                  &lt;/li&gt;
     &lt;/ul&gt;
  </code></pre>
  
  <p>I'm using Twitter Bootstrap.</p>
  
  <p>What I have tried so far is making the pictures variable size; width 100% and height 100%, that works, but when resizing to a smaller ViewPort, it will resize the images instead of wrapping the images so that they appear in two columns.</p>