title: How can I vertically stack left, right, and center columns in that order with reactstrap on md breakpoint?
body: <p>I am using reactstrap to style my three column page</p>
  
  <pre><code>&lt;Row&gt;
      &lt;Col md="4"&gt;Left&lt;/Col&gt;
      &lt;Col md="9"&gt;Center&lt;/Col&gt;
      &lt;Col md="5"&gt;Right&lt;/Col&gt;
   &lt;/Row&gt;
  </code></pre>
  
  <p>This is the desired layout:</p>
  
  <p><a href="https://i.stack.imgur.com/aSI8I.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/aSI8I.png" alt="layout"></a>
   The <a href="https://reactstrap.github.io/components/layout/" rel="nofollow noreferrer">reactstrap layout docs</a> do not give example nor detail how this can be achieved. Currently they are vertically stacked in the same order that they are horizontally ordered left-to-right. I have tried several combinations of className and md props, but have not been able to implement this. How can this layout be achieved with reactstrap?</p>