title: Remove padding from columns in Bootstrap 3
body: <p><strong>Problem:</strong></p>
  
  <p>Remove padding/margin to the right and left of col-md-* in Bootstrap 3.</p>
  
  <p><strong>HTML code:</strong></p>
  
  <pre><code>&lt;div class="col-md-12"&gt;
      &lt;h2&gt;OntoExplorer&lt;span style="color:#b92429"&gt;.&lt;/span&gt;&lt;/h2&gt;
  
      &lt;div class="col-md-4"&gt;
          &lt;div class="widget"&gt;
              &lt;div class="widget-header"&gt;
                  &lt;h3&gt;Dimensions&lt;/h3&gt;
              &lt;/div&gt;
  
              &lt;div class="widget-content" id=""&gt;
                  &lt;div id='jqxWidget'&gt;
                      &lt;div style="clear:both;margin-bottom:20px;" id="listBoxA"&gt;&lt;/div&gt;
                      &lt;div style="clear:both;" id="listBoxB"&gt;&lt;/div&gt;
  
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="col-md-8"&gt;
          &lt;div class="widget"&gt;
              &lt;div class="widget-header"&gt;
                  &lt;h3&gt;Results&lt;/h3&gt;
              &lt;/div&gt;
  
              &lt;div class="widget-content"&gt;
                  &lt;div id="map_canvas" style="height: 362px;"&gt;&lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>Desired output:</strong></p>
  
  <p>Currently this code adds padding/margin to the right and left of the two columns. I am wondering what it is I am missing in order to remove this extra space on the sides?</p>
  
  <p><strong>Notice:</strong></p>
  
  <p>If I remove "col-md-4" then both columns expand to 100% but I want them to be next to each other.</p>