title: Bootstrap Columns colliding on Wordpress
body: <p>I'm creating a <code>theme</code>, and I used a condition to create an additional <code>div</code> with the class of "row" after 3 posts/columns are created. It works as expected, except when I minimize the screen to <code>1024x768</code>, the columns have no margin in between them. And then they finally goes one under another one as expected on a smaller <code>viewport</code>. Not sure what to do, here's the code ...</p>
  
  <pre><code>   &lt;?php get_header(); ?&gt;
  
     &lt;div class="container"&gt;
  
  
          &lt;div class="row"&gt;
              &lt;div class="col-xs-10 col-xs-offset-1"&gt;
  
                  &lt;div class="row "&gt;
  
          &lt;?php 
  
          if (have_posts() ): 
          $counter = 0;
          while (have_posts() ) : the_post(); 
          $counter++; ?&gt;
  
          &lt;div class="col-sm-4"&gt;
          &lt;div class="card"&gt;
              &lt;div class="card_img_container"&gt;
  
              &lt;?php the_post_thumbnail( array(450, 450), array('alt' =&gt; get_the_title(), 'class' =&gt; 'card_image img-responsive')  ); ?&gt;
  
  
              &lt;span class="card_readmore"&gt;View Post&lt;/span&gt;
              &lt;/div&gt;
  
  
              &lt;div class="card_excerpt"&gt;
                  &lt;p class="content_category1"&gt; &lt;?php the_category( ', ' ); ?&gt;&lt;/p&gt;
                  &lt;?php the_excerpt(); ?&gt; 
              &lt;p&gt; &lt;a href="&lt;?php the_permalink(); ?&gt;"&gt; &lt;span class="read_more"&gt;Read More&lt;/span&gt; &lt;/a&gt; &lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
  
              &lt;?php     if ($counter % 3 == 0) {
                    echo '&lt;/div&gt;&lt;div class="row"&gt;';
                  } ?&gt; 
  
  
      &lt;?php   
              endwhile;
                  endif;
      ?&gt; 
                  &lt;/div&gt; &lt;!--Inner div ROW--&gt;
              &lt;/div&gt; &lt;!--Main Div ROW--&gt;
         &lt;/div&gt; &lt;!--Main Div ROW--&gt;
  
    &lt;/div&gt; &lt;!--Container--&gt;
  
    &lt;?php // get_sidebar(); ?&gt;
  
    &lt;?php get_footer(); ?&gt;
  </code></pre>