title: Bootstrap 3 - Is it possible to remove padding for col-:first-child and last:child?
body: <p>For some reason I can't use <code>:first-child</code>/<code>:last-child</code> on columns in Bootstrap.</p>
  
  <p>Below markup generates three divs with content, all with the same classes.</p>
  
  <p>I'm trying to remove the left-padding from the first-child and the right-padding from the last-child of the .feed-item class:</p>
  
  <pre><code>&lt;div class="blog-item-container"&gt;
      &lt;?php foreach ($feed-&gt;get_items(0, 3) as $item): ?&gt;
  
      &lt;div class="feed-item col-sm-4 col-md-4"&gt;
          &lt;!-- Content --&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>So the generated markup looks like this:</p>
  
  <pre><code>&lt;div class="blog-item-container"&gt;
      &lt;div class="feed-item col-sm-4 col-md-4"&gt;
          &lt;!-- Content --&gt;
      &lt;/div&gt;
  
      &lt;div class="feed-item col-sm-4 col-md-4"&gt;
          &lt;!-- Content --&gt;
      &lt;/div&gt;
  
      &lt;div class="feed-item col-sm-4 col-md-4"&gt;
          &lt;!-- Content --&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>