title: Col in Reactstrap
body: <p>I just started off learning Reactstrap and I'm using version 7.1.0
  I've used this code (following the documentation),</p>
  
  <p>        </p>
  
  <pre><code>&lt;Row&gt;
  
      &lt;Col xs="3"&gt;.col-3&lt;/Col&gt;
      &lt;Col xs="auto"&gt;.col-auto - variable width content&lt;/Col&gt;
      &lt;Col xs="3"&gt;.col-3&lt;/Col&gt;
  
  &lt;/Row&gt; 
  </code></pre>
  
  <p> </p>
  
  <p>I am supposed to get the result in a single line(row), but I'm getting it in 3 different lines.
  What am I doing wrong?</p>