title: Changing columns to rows layout with Bootstrap
body: <p>Good morning!</p>
  
  <p>I'm doing a layout in which I have 4 columns. In these 4 columns first is the image, just below your title and description. This aspect must be kept in desktop and tablet mode. At this point I have no problem</p>
  
  <p><a href="https://i.stack.imgur.com/hR5Jp.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/hR5Jp.png" alt="modeDesktop"></a></p>
  
  <p>CODE: <a href="http://www.bootply.com/Sv6rAEA9Jz" rel="nofollow noreferrer">http://www.bootply.com/Sv6rAEA9Jz</a></p>
  
  <p>Change comes when mobile mode, you are 4 columns have to become 1 column with 4 rows. Example:</p>
  
  <p><a href="https://i.stack.imgur.com/g6ENy.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/g6ENy.png" alt="modeMobile"></a></p>
  
  <p>The image must be to the left and right description.</p>
  
  <p>I do not know how to do this in mobile mode</p>
  
  <p>Can somebody help me?</p>
  
  <p>greetings from Spain</p>