title: How can I make a row of 6 images in bootstrap cols reposition themselves based on screen size?
body: <p>Bootstrap newbie here, </p>
  
  <p>I have a row of 6 images in a single row. Upon resizing the screen I would like them to either move down to 2 rows of 3, or 3 rows of 2 etc based on the size of the screen.</p>
  
  <p>As far as I understand, there is a way to do this with bootstrap?</p>
  
  <p>Here is what I have so far:
  A single row class
  A loop iterating through all the images stored in a particular folder adding images into a col-md-2 class</p>
  
  <p>Thanks in advance!</p>