title: bootstrap-horizon remove space between columns
body: <p>I'm doing a animated carrousel/ slider with bootstrap-horizon, but I can't seem to get rid of the space between columns. I tried the no gutter css but with no luck.   </p>
  
  <p><em>Marked as red for testing.</em> </p>
  
  <p><b>html</b><br></p>
  
  <pre><code>&lt;div class="container"&gt;
    &lt;div class="row row-horizon"&gt;
      &lt;div class="col-xs-6"&gt;
        &lt;p&gt;This content is very, very, very, very, very, very, very wide!&lt;/p&gt;
      &lt;/div&gt;
      &lt;div class="col-xs-6"&gt;
        &lt;p&gt;This content is very, very, very, very, very, very, very wide!&lt;/p&gt;
      &lt;/div&gt;
      &lt;div class="col-xs-6"&gt;
        &lt;p&gt;This content is very, very, very, very, very, very, very wide!&lt;/p&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><b>css</b><br>    </p>
  
  <pre><code>.row-horizon{background-color:red;}
  .col-xs-6{background-color:white; height:40px;}
  </code></pre>
  
  <p><b>result</b>
  <a href="http://i.stack.imgur.com/jBzAx.png" rel="nofollow">result image</a></p>
  
  <p>please see JSfiddle - <a href="https://jsfiddle.net/pbarros/8wfh8o3e/3/" rel="nofollow">https://jsfiddle.net/pbarros/8wfh8o3e/3/</a> </p>
  
  <p>Thank you</p>