title: Bootstrap Play / Pause Controls
body: <p>Having issues with the play and pause controls on my bootstrap carousel.  Is it not a feature right out of the box? Do i need to add jQuery someone on the page? if so, </p>
  
  <p><strong>html</strong></p>
  
  <pre><code>&lt;div class="carousel slide" id="carousel-679987"&gt;
              &lt;ol class="carousel-indicators"&gt;
                  &lt;li class="active" data-slide-to="0" data-target="#carousel-679987"&gt;
                  &lt;/li&gt;
                  &lt;li data-slide-to="1" data-target="#carousel-679987"&gt;
                  &lt;/li&gt;
                  &lt;li data-slide-to="2" data-target="#carousel-679987"&gt;
                  &lt;/li&gt;
  
                  &lt;li data-slide-to="3" data-target="#carousel-679987"&gt;
                  &lt;/li&gt;
  
                  &lt;li data-slide-to="4" data-target="#carousel-679987"&gt;
                  &lt;/li&gt;
  
              &lt;/ol&gt;
              &lt;div class="carousel-inner"&gt;
                  &lt;div class="item active"&gt;
                      &lt;img alt="Find A Quit Method that Works for You" src="/&lt;?php echo path_to_theme(); ?&gt;/images/SFG-Carousel-1.jpg"&gt;
                      &lt;div class="carousel-caption"&gt;
                          &lt;h4&gt;
                              First Thumbnail label
                          &lt;/h4&gt;
                          &lt;p&gt;
                              Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
                          &lt;/p&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="item"&gt;
                      &lt;img alt="Goal Setting Eating, Physical Activity and Weight Loss" src="/&lt;?php echo path_to_theme(); ?&gt;/images/SFG-Carousel-2.jpg"&gt;
                      &lt;div class="carousel-caption"&gt;
                          &lt;h4&gt;
                              Second Thumbnail label
                          &lt;/h4&gt;
                          &lt;p&gt;
                              Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
                          &lt;/p&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="item"&gt;
                      &lt;img alt="How To Manage Your Cravings" src="/&lt;?php echo path_to_theme(); ?&gt;/images/SFG-Carousel-3.jpg"&gt;
                      &lt;div class="carousel-caption"&gt;
                          &lt;h4&gt;
                              Third Thumbnail label
                          &lt;/h4&gt;
                          &lt;p&gt;
                              Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
                          &lt;/p&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  
  
                      &lt;div class="item"&gt;
                      &lt;img alt="Quitting 6 Ways TO Boost Your Mood" src="/&lt;?php echo path_to_theme(); ?&gt;/images/SFG-Carousel-4.jpg"&gt;
                      &lt;div class="carousel-caption"&gt;
                          &lt;h4&gt;
                              Second Thumbnail label
                          &lt;/h4&gt;
                          &lt;p&gt;
                              Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
                          &lt;/p&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="item"&gt;
                      &lt;img alt="6 Tips for Managing Portion Size" src="/&lt;?php echo path_to_theme(); ?&gt;/images/SFG-Carousel-5.jpg"&gt;
                      &lt;div class="carousel-caption"&gt;
                          &lt;h4&gt;
                              Third Thumbnail label
                          &lt;/h4&gt;
                          &lt;p&gt;
                              Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
                          &lt;/p&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  
  
  
              &lt;/div&gt;
  
              &lt;div class="carousel-controller"&gt;
  
              &lt;div class="prev_slides"&gt;
               &lt;a class="left carousel-control" href="#carousel-679987" data-slide="prev"&gt;
               &lt;span class="glyphicon glyphicon-chevron-left"&gt;&lt;/span&gt;&lt;/a&gt; 
               &lt;/div&gt;
  
               &lt;div class="play_slides"&gt;
  
                 &lt;a class="play carousel-control" href="#carousel-679987" data-slide="play"&gt;
               &lt;span class="glyphicon glyphicon-play"&gt;&lt;/span&gt;&lt;/a&gt;
               &lt;/div&gt;
  
               &lt;div class="pause_slides"&gt;
  
  
               &lt;a class="pause carousel-control" href="#carousel-679987" data-slide="pause"&gt;
               &lt;span class="glyphicon glyphicon-pause" &gt;&lt;/span&gt;&lt;/a&gt;
  
               &lt;/div&gt;&lt;/div&gt;
  </code></pre>