title: Bootstrap 3 changing div order on small screens only
body: <p>Doing my 1st responsive design and is something like this possible in Bootstrap 3. Change this
  <a href="https://i.stack.imgur.com/lABXp.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lABXp.jpg" alt=""></a></p>
  
  <p>To</p>
  
  <p><a href="https://i.stack.imgur.com/nm3ra.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/nm3ra.jpg" alt=""></a></p>
  
  <p>Change the order essentially from a 3 column layout on large screens to moving the logo to left and stack the other two columns on smaller screens only. I would like to do it using the Bootstrap classes (col-xs-6 col-md-4 etc.) if possible and not have to duplicate content in a show/hide sort of fashion. I liked the grid layout bootstrap3 provides for large screens so would prefer to keep it if could sort out the layout on smaller screens.</p>