title: Can't get bootstrap grid to align properly
body: <p>I'm using Bootstrap as a framework for my site and I'm having trouble getting the grid lined up correctly. I can't get it to align with the right edge (unless I increase the gutter - which breaks the whole page) despite my spans adding up. I'm really unsure were I'm going wrong so I'm hoping someone here can point me in the right direction. </p>
  
  <p>The image below illustrates it well. I am trying to get the posts to align on the left and space themselves enough to fill the container width. I've tried increasing the gutter (which breaks the other spans on the page and drops the third post down onto a new line).</p>
  
  <p>Each 'post' is inside a span4 div with a gutter width of 30px (I think this is default). I'm sure this is trivial but I've been staring at this issue for a few days now. The code for each post is:</p>
  
  <pre><code>&lt;div class="span4"&gt;
    &lt;div class="postcontainer"&gt;
      &lt;div class="imgpostcontainer"&gt; 
          &lt;a href="&lt;?php the_permalink(); ?&gt;"&gt;
          &lt;?php $url = the_post_thumbnail('medium'); ?&gt;
          &lt;img src="&lt;?php echo $url ?&gt;"&gt;
          &lt;/a&gt;
      &lt;/div&gt;
      &lt;?php get_template_part('templates/content', get_post_format()); ?&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And the CSS that applies to the span is:</p>
  
  <pre><code>float: left;
  margin-left: 30px;
  min-height: 1px;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/HbZV6.jpg" alt="enter image description here"></p>
  
  <p>This can be seen in action here:</p>
  
  <pre><code>http://192.241.203.146/
  </code></pre>