title: How to postiton right column over left in responsive layout?
body: <p>I have a layout with a left and right column within a row.  After researching, I was able to make the image responsive and the right column is indeed on top, however in the full screen view the left column wants to remain under the right. </p>
  
  <p>Here is the code and css </p>
  
  <pre><code>&lt;div class="row"&gt;
  &lt;div class="col-lg-8 col-md-8 col-sm-12 col-xs-12 main pull-right rightslide"&gt;
  &lt;img src="images/slideright.jpg"  
  &lt;/div&gt;
  &lt;div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 pull-left leftslide"&gt;
  &lt;div class="lefttext"&gt;
  Full Service Marketing and Advertising Solutions with &lt;strong&gt;Guaranteed Results&lt;/strong&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  
  and the css for the right and left slide 
  .rightslide {
  display:block;
  max-width:100%;
  float:right;
  }
  .rightslide img {
  width:100%;
  }
  .leftslide {
  display:block;
  float:left;
  }
  .lefttext {
  font-size:52px;
  }
  </code></pre>
  
  <p>.<a href="http://chrchcol.byethost15.com" rel="nofollow">The url</a></p>