title: Why is my Carousel not working on Bootstrap v5.2?
body: <p>I tried to use carousel and i have two carousel items but only one is showing and the carousel doesn't work when i press prev or next.
  I checked the code many times and i still can't figure out where the error is.</p>
  <p>Here is my code:</p>
  <pre><code>
  </code></pre>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  
  &lt;html lang=&quot;en&quot;&gt;
  
  &lt;head&gt;
    &lt;meta charset=&quot;utf-8&quot;&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
    &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;ie=edge&quot;&gt;
    &lt;title&gt;TinDog&lt;/title&gt;
  
    &lt;!-- css stylesheets --&gt;
    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css&quot;&gt;
    &lt;link rel=&quot;stylesheet&quot; href=&quot;css/styles.css&quot;&gt;
  
  &lt;!-- bootstrap scripts --&gt;
    &lt;script src=&quot;https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.5/dist/umd/popper.min.js&quot; integrity=&quot;sha384-Xe+8cL9oJa6tN/veChSP7q+mnSPaj5Bcu9mPX5F5xIGE0DVittaqT5lorf0EI7Vk&quot; crossorigin=&quot;anonymous&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.min.js&quot; integrity=&quot;sha384-ODmDIVzN+pFdexxHEHFBQH3/9/vQ9uori45z4JjnFsRydbmQbmL5t1tQ0culUzyK&quot; crossorigin=&quot;anonymous&quot;&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  </code></pre>
    
  <pre><code>&lt;div id=&quot;testimonial-carousel&quot; class=&quot;carousel slide&quot; data-ride=&quot;false&quot;&gt;
    &lt;div class=&quot;carousel-inner&quot;&gt;
      &lt;div class=&quot;carousel-item active&quot;&gt;
        &lt;h2&gt;I no longer have to sniff other dogs for love. I've found the hottest Corgi on TinDog. Woof.&lt;/h2&gt;
        &lt;img class=&quot;testimonial-img&quot; src=&quot;images/dog-img.jpg&quot; alt=&quot;dog-profile&quot;&gt;
        &lt;em&gt;Pebbles, New York&lt;/em&gt;
      &lt;/div&gt;
  
       &lt;div class=&quot;carousel-item&quot;&gt;
         &lt;h2 class=&quot;testimonial-text&quot;&gt;My dog used to be so lonely, but with TinDog's help, they've found the love of their life. I think.&lt;/h2&gt;
         &lt;img class=&quot;testimonial-img&quot; src=&quot;images/lady-img.jpg&quot; alt=&quot;lady-profile&quot;&gt;
         &lt;em&gt;Beverly, Illinois&lt;/em&gt;
       &lt;/div&gt;
    &lt;/div&gt;
  
    &lt;a class=&quot;carousel-control-prev&quot; href=&quot;#testimonial-carousel&quot; role=&quot;button&quot; data-slide=&quot;prev&quot;&gt;
      &lt;span class=&quot;carousel-control-prev-icon&quot; aria-hidden=&quot;true&quot;&gt;&lt;/span&gt;
      &lt;span class=&quot;sr-only&quot;&gt;Previous&lt;/span&gt;
    &lt;/a&gt;
    &lt;a class=&quot;carousel-control-next&quot; href=&quot;#testimonial-carousel&quot; role=&quot;button&quot; data-slide=&quot;next&quot;&gt;
      &lt;span class=&quot;carousel-control-next-icon&quot; aria-hidden=&quot;true&quot;&gt;&lt;/span&gt;
      &lt;span class=&quot;sr-only&quot;&gt;Next&lt;/span&gt;
    &lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
    
  ```
  <pre><code>
  </code></pre>