title: how to make 6 images on one row go into 3 images on 2 row on a smaller screen
body: <p>i have 6 social media icons for a footer of an e-mail. Is it possible to make this responsive for phones so the social media icons go from 6 to 3 in one row? </p>
  
  <p>I have tried to use both divs and tables with bootstrap but both are displaying incorrectly. I would prefer tables as they work with outlook e-mail. </p>
  
  <p>Bootstrap code: </p>
  
  <pre><code>&lt;td class="col-xs-4 col-sm-4  col-md-2"&gt;
  </code></pre>