title: Is there a work around for adding the '.active' class to the first slide of a Bootstrap 4 Carousel?
body: <p>I am implementing a <a href="https://v4-alpha.getbootstrap.com/components/carousel/#via-data-attributes" rel="nofollow noreferrer">Bootstrap 4 Carousel</a> on my site and have come up against a problem:</p>
  
  <p>The Carousel seems to need the <code>.active</code> class to be set on the first slide otherwise it wont work. With the way I've implemented the Carousel in my CMS, I've used a single template file for the slide (with dynamic content within), allowing me to implement an unlimited number of slides. However, I cannot set the initial slide to have the <code>.active</code> class without that class appearing on all of them, and breaking the carousel.</p>
  
  <p>I could use some JQuery to add that class to the first instance of a slide, but I'm hoping there's a way around this (to me it seems a bit of an oversight of Bootstrap).</p>
  
  <p>Would anyone know if this is possible?</p>