title: Bootstrap Carousel Number active icon
body: <p>I have been able to implement the Bootstrap carousel complete with icons to represent slides 1-3 in this example:
  <a href="http://jsfiddle.net/alexmoss/QzVq8/" rel="noreferrer">http://jsfiddle.net/alexmoss/QzVq8/</a></p>
  
  <p>I notice that the class "active" is added by default to slide 1 which then changes as the active slide changes. what i want to do is have this happen for the bullets too. i have made the first one active but want the second one to become active if the slide itself is on slide 2, etc etc</p>