title: Twitter bootstrap thumbnail are not side by side
body: <pre><code>    &lt;article &lt;?php post_class(); ?&gt;&gt;
        &lt;header&gt;
          &lt;div class="container"&gt;
           &lt;div class="row"&gt;
              &lt;div class="col-sm-6 col-md-3"&gt;
               &lt;div class="thumbnail"&gt;
                  &lt;?php if(has_post_thumbnail()) : ?&gt;
                       &lt;a href="&lt;?php the_permalink(); ?&gt;" title="&lt;?php the_title_attribute(); ?&gt;" &gt;
                      &lt;?php the_post_thumbnail(); ?&gt;
                         &lt;/a&gt;
                    &lt;?php endif; ?&gt;
                  &lt;div class="caption"&gt;
                       &lt;h3 class="thumbnail-label"&gt;&lt;a class="" href="&lt;?php the_permalink(); ?&gt;"&gt;&lt;?php the_title(); ?&gt;&lt;/a&gt;&lt;/h2&gt;
                      &lt;?php get_template_part('templates/entry-meta'); ?&gt;
                       &lt;div class="entry-summary"&gt;
                      &lt;?php the_excerpt(); ?&gt;
                        &lt;/div&gt;
        &lt;/header&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
      &lt;/article&gt;
  </code></pre>
  
  <p>im having trouble getting these to align side by side. All they do is stack on top of each other and i cant seem to get them to be side by side.</p>
  
  <p>Here is what its suppose to look like <a href="http://getbootstrap.com/components/#thumbnails" rel="nofollow">http://getbootstrap.com/components/#thumbnails</a></p>