title: Bootstrap Carousel Not Working loaded from CDN
body: <p>I was a web designer in the past, but it's been a few years since I've touched any code. I imagine I'm making a simple error, but I can't figure it out. I'm trying to include a bootstrap Testimonial Text Carousel, but it's not working. It does appear that jQuery and bootstrap.js is working, but carousel is not. </p>
  
  <p>I'm attempting to make it super simple by using cdn's, as will just be a short term page. I've also chopped it all down to just the relevant portion of the page that isn't working. I often start removing pieces until something works to fins the issue, but i can't find it this time. Would greatly appreciate any help!</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  </code></pre>
  
  <p></p>
  
  <p>
      
      
      
      
      Testimonial Test
      
      
      
          /* carousel */</p>
  
  <pre><code>    #quote-carousel {
          padding: 0 10px 30px 10px;
          margin-top: 30px;
      }
      /* indicator position */
  
      #quote-carousel .carousel-indicators {
          right: 50%;
          top: auto;
          bottom: -10px;
          margin-right: -19px;
      }
      /* indicator color */
  
      #quote-carousel .carousel-indicators li {
          background: #c0c0c0;
      }
      /* active indicator */
  
      #quote-carousel .carousel-indicators .active {
          background: #333333;
          height: 10px;
          width: 10px;
          margin-bottom: 1px;
      }
  &lt;/style&gt;
  </code></pre>
  
  <p></p>
  
  <p></p>
  
  <pre><code>&lt;!-- FANS--&gt;
  &lt;section id="fans"&gt;
      &lt;div class="container"&gt;
          &lt;div class="row align-items-center"&gt;
              &lt;div class="col-lg-6"&gt;
                  &lt;div class="p-5"&gt;
                      &lt;img class="img-fluid rounded-circle" src="img/fans.png" alt=""&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="col-lg-6 order-lg-1"&gt;
                  &lt;div class="p-5"&gt;
                      &lt;h2 class="display-4"&gt;Fans&lt;/h2&gt;
  
                      &lt;div class="container"&gt;
                          &lt;div class="row"&gt;
                              &lt;div class="col-md-12"&gt;
                                  &lt;div class="carousel slide" data-ride="carousel" id="quote-carousel"&gt;
  
                                      &lt;!-- Bottom Carousel Indicators --&gt;
                                      &lt;ol class="carousel-indicators"&gt;
                                          &lt;li data-target="#quote-carousel" data-slide-to="0" class="active"&gt;&lt;/li&gt;
                                          &lt;li data-target="#quote-carousel" data-slide-to="1"&gt;&lt;/li&gt;
                                          &lt;li data-target="#quote-carousel" data-slide-to="2"&gt;&lt;/li&gt;
                                      &lt;/ol&gt;
  
                                      &lt;!-- Carousel Slides / Quotes --&gt;
                                      &lt;div class="carousel-inner"&gt;
  
                                          &lt;!-- Quote 1 --&gt;
                                          &lt;div class="item active"&gt;
                                              &lt;div class="row"&gt;
                                                  &lt;div class="col-sm-12"&gt;
                                                      &lt;p&gt;&amp;ldquo;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Etiam porta sem malesuada magna mollis euismod. Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus.&amp;rdquo;&lt;/p&gt;
                                                      &lt;small&gt;&lt;strong&gt;Vulputate M., Dolor&lt;/strong&gt;&lt;/small&gt;
                                                  &lt;/div&gt;
                                              &lt;/div&gt;
                                          &lt;/div&gt;
  
                                          &lt;!-- Quote 2 --&gt;
                                          &lt;div class="item"&gt;
                                              &lt;div class="row"&gt;
                                                  &lt;div class="col-sm-12"&gt;
                                                      &lt;p&gt;&amp;ldquo;Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Aenean lacinia bibendum nulla sed consectetur. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.&amp;rdquo;&lt;/p&gt;
                                                      &lt;small&gt;&lt;strong&gt;Fringilla A., Vulputate Sit&lt;/strong&gt;&lt;/small&gt;
                                                  &lt;/div&gt;
                                              &lt;/div&gt;
                                          &lt;/div&gt;
  
                                          &lt;!-- Quote 3 --&gt;
                                          &lt;div class="item"&gt;
                                              &lt;div class="row"&gt;
                                                  &lt;div class="col-sm-12"&gt;
                                                      &lt;p&gt;&amp;ldquo;Aenean lacinia bibendum nulla sed consectetur. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Maecenas faucibus mollis interdum. Cras mattis consectetur purus sit amet fermentum.&amp;rdquo;&lt;/p&gt;
                                                      &lt;small&gt;&lt;strong&gt;Aenean A., Justo Cras&lt;/strong&gt;&lt;/small&gt;
                                                  &lt;/div&gt;
                                              &lt;/div&gt;
                                          &lt;/div&gt;
  
                                      &lt;/div&gt;
  
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
  
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/section&gt;
  
  &lt;!-- Bootstrap core JavaScript--&gt;
  &lt;script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.bundle.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script&gt;
      $(document).ready(function() {
          //carousel options
          $('#quote-carousel').carousel({
              pause: true,
              interval: 10000,
          });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p></p>
  
  <p></p>