title: Bootstrap carousel, with cover images and indicators
body: <p>I need a (responsive) bootstrap carousel - much like the standard example:
  <a href="http://getbootstrap.com/javascript/#carousel" rel="nofollow noreferrer">http://getbootstrap.com/javascript/#carousel</a></p>
  
  <p>However, I need each images to 'cover' the containing div. So if it's a different ratio to the image the top &amp; bottom, or left &amp; right will be not visible - avoiding black bars.</p>
  
  <p>I also need the left &amp; right navigation buttons present, as well as the dot indicators allowing navigation &amp; for users to see which image they are on.</p>
  
  <p>I also need text within each slide that changes with each slide / isn't static. I found this but it has static text - I was unable to get the text moving - it also lacks the navigation buttons and dot indicators:
  <a href="https://bootsnipp.com/snippets/featured/fullscreen-background-carousel" rel="nofollow noreferrer">https://bootsnipp.com/snippets/featured/fullscreen-background-carousel</a></p>
  
  <p>How can I do this? thx.</p>