title: A way to make Bootstrap col-xx no padding between the columns
body: <p>The <code>padding</code> defined in Bootstrap col-xx classes are sometimes wasting spaces on small screens, so I'd like to remove the padding by nesting col-xx with certain css settings like so:</p>
  
  <pre><code>&lt;style&gt;
  div[class^=col-] &gt; div[class^=col-] {
      padding-left: 0px;
      padding-right: 0px;
  }
  &lt;/style&gt;
  
  &lt;div class="row"&gt;
      &lt;div class="col-xs-12"&gt;
          &lt;div class="col-xs-4"&gt;a&lt;/div&gt;
          &lt;div class="col-xs-4"&gt;b&lt;/div&gt;
          &lt;div class="col-xs-4"&gt;c&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Does my implemention look ok ? Are there any protential styling problems for nesting col-xx directly ?</p>