title: Carousel/slider with icons and divs instead of images
body: <p>I am working on a project where icons need to be dynamically displayed based on the user's selection. These icons are basically glyphs and have a 2-word title beneath them. In short, there's an </p>
  
  <pre><code>&lt;div class="col-md-9"&gt;                   //main container to hold the slider
    &lt;i class="some-icon-name"&gt;&lt;/i&gt;            
    &lt;div class="col-md-3"&gt;
      Some title
    &lt;/div&gt;  
    --
    &lt;i class="some-icon-name"&gt;&lt;/i&gt;
    &lt;div class="col-md-3"&gt;
      Some title
    &lt;/div&gt;
    --
  &lt;/div&gt;
  </code></pre>
  
  <p>I want these icons and their respective divs to be displayed as a slider/carousel. I tried using owl carousel and replacing <code>img</code> with this. Didn't work. I'm using bootstrap and Jquery. I tried coming up with a custom solution, but was unsuccessful.</p>