title: Bootstrap3 - Columns Touching
body: <p>I am trying to make a WordPress theme using bootstrap (i know not many people like this) and I am having a problem with building my grids up. The margin top is perfect, 10px. but the margin on the sides is incorrect and if I try to change it in CSS it drops onto a new row.
  I am using 2 divs:</p>
  <pre><code>&lt;div class=&quot;container&quot;&gt;
      &lt;div class=&quot;row&quot;&gt;
          &lt;div class=&quot;col-sm-8&quot;&gt;&lt;!--CONTENT--&gt;&lt;/div&gt;
          &lt;div class=&quot;col-sm-4&quot;&gt;&lt;!--CONTENT--&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>Lets say these 2 <code>col-sm</code> divs where block colours of blue. They are touching in the middle where i want them to have a 10px spacing.
  The Code Below is not what happens it is a visual representation, so don't try and fix that code ;).</p>
  
  <h1>Edit</h1>
  <p>I have now applied the below and my site looks like this, it is nearer but still not 100%
  now it looks like this (the colours dont bother me its the sizes):</p>
  <p><a href="http://snag.gy/hH4ty.jpg" rel="nofollow noreferrer">ScreenShot</a></p>
  <p>style.css</p>
  <pre><code>.even_space &gt; div &gt; div {
      box-shadow: 0px 0px 5px grey;
      border-left: 3px dashed grey;
  }
  .even_space &gt; div {
      padding:0 10px;
  }
  .even_space &gt; div:first-child {
          padding-right:0;
  }
  
  .main-posts{
      margin-top: 10px;
  }
  
  #sidebar{
      margin-top: 10px;
  }
  </code></pre>
  <p>Index.php</p>
  <pre><code>&lt;div id=&quot;main&quot;&gt;
      &lt;div class=&quot;row even_space&quot;&gt;
          &lt;div class=&quot;col-sm-8 main-posts&quot;&gt;
              &lt;div&gt;
                  &lt;?php if (have_posts()) : while (have_posts()) : the_post(); ?&gt;
                  &lt;h1&gt;&lt;?php the_title(); ?&gt;&lt;/h1&gt;
                  &lt;h4&gt;Posted on &lt;?php the_time('F jS, Y') ?&gt;&lt;/h4&gt;
                  &lt;p&gt;&lt;?php the_content(__('(more...)')); ?&gt;&lt;/p&gt;
                  &lt;P&gt;&lt;p&gt;&lt;?php the_author_posts_link(); ?&gt; on &lt;?php the_time('F jS, Y'); ?&gt;  in &lt;?php the_category(', '); ?&gt; &lt;?php edit_post_link(__('{Edit}'), ''); ?&gt;&lt;/p&gt;&lt;/P&gt;
                  &lt;hr&gt; &lt;?php endwhile; else: ?&gt;
                  &lt;p&gt;&lt;?php _e('Sorry, no posts matched your criteria.'); ?&gt;&lt;/p&gt;&lt;?php endif; ?&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;?php get_sidebar(); ?&gt;
      &lt;/div&gt;
  </code></pre>
  <p>sidebar.php</p>
  <pre><code>&lt;div class=&quot;col-sm-4&quot; id=&quot;sidebar&quot;&gt;
      &lt;div&gt;
          &lt;h2 &gt;&lt;?php _e('Categories'); ?&gt;&lt;/h2&gt;
          &lt;ul &gt;
              &lt;?php wp_list_cats('sort_column=name&amp;optioncount=1&amp;hierarchical=0'); ?&gt;
          &lt;/ul&gt;
          &lt;h2 &gt;&lt;?php _e('Archives'); ?&gt;&lt;/h2&gt;
          &lt;ul &gt;
              &lt;?php wp_get_archives('type=monthly'); ?&gt;
          &lt;/ul&gt;
          &lt;h2&gt;&lt;?php _e('Meta'); ?&gt;&lt;/h2&gt;
          &lt;ul&gt;
              &lt;li&gt;&lt;?php wp_loginout(); ?&gt;&lt;/li&gt;    
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>