title: Owl Carousel center slide with particular class
body: <p>Going by Owl Carousel docs, you can use <code>to.owl.carousel</code> to navigate to a particular slide.</p>
  
  <p>I have a thumbnail carousel running across the top of the page, which I have added a class to items that are the current page (class is called <code>thisPatient</code>).</p>
  
  <p>I'd like to use the center carousel, and have it so that the carousel item that has the <code>thisPatient</code> class, is centred on page load. How can this be done?</p>
  
  <p>I have noticed that <code>to.owl.carousel</code> requires the ID of a slide to navigate to, but I need to convert this to get the ID of the slide with the particular class applied.</p>
  
  <p>Example of this can be seen at development.bellavou.co.uk/patient-stories/allison</p>
  
  <p>This is currently what I have:</p>
  
  <pre><code>$(".patient-story-strip").owlCarousel({
      dots:false,
      loop:true,
      margin:10,
      stagePadding:50,
      lazyLoad:true,
      center:true,
      responsive:{
          0:{items:3},
          768:{items:9},
          1200:{items:13}
      }
  });
  </code></pre>