title: Bootstrap Carousel - Number of Items to Display on Different Resoultions
body: <p>I want to use the bootstrap carousel to display a different number of items at different screen resolutions.</p>
  
  <p>For example:</p>
  
  <ol>
  <li><p>I want to show details for a 3 contacts when the screen resolution is greater than 1000px</p></li>
  <li><p>I want to show details for a 2 contacts when the screen resolution is between 600px and 999px</p></li>
  <li><p>Finally  I want to show details for a single contact when the screen resolution is less than 600px</p></li>
  </ol>
  
  <p>Thanks for any help in advance. I have been stuck on this for a few days now..</p>