title: Modify bootstrap carousel to display multiple slides simultaneously
body: <p>I'm wanting to modify bootstrap 3's carousel to display several slides at once. I know that I could put multiple thumbnails in a single slide (div .item) but the problem with that is that the carousel will slide past them all simultaneously moving on to the next group whereas <strong>I'm wanting to step through them one by one</strong>.   </p>
  
  <p>I've found an example of exactly what I want here: <a href="http://www.bootply.com/117282" rel="nofollow noreferrer">http://www.bootply.com/117282</a> The only problem with this is that I need 5 or 6 slides visible as oppose to 4. I've spent several hours attempting to modify this to work as desired but I clearly don't have a sufficient understanding of how it works. </p>
  
  <p>My jquery/javascript understanding is pretty elementary but my CSS is pretty decent. Could someone show me how to modify this to display 5/6 slides simultaneously? I really appreciate the help. </p>
  
  <p>Thanks,
  Sharma</p>