title: Bootstrap carousel controls not working and going to the next slide takes too long
body: <p>My carousel is having some issues. It's taking a lot of time to go to the next slide. When I do it with controls, no matter how much I click on the controls, they don't work. I followed everything in the Bootstrap document but it's not working.</p>
  <p>Code</p>
  <pre><code>            &lt;div class=&quot;carousel-inner&quot;&gt;
                &lt;div class=&quot;carousel-item active&quot;&gt;
                  &lt;img src=&quot;images/wonyoung.jpg&quot; class=&quot;d-block w-100&quot; alt=&quot;loading&quot;&gt;
                &lt;/div&gt;
                &lt;div class=&quot;carousel-item&quot;&gt;
                  &lt;img src=&quot;images/seungyoun.jpg&quot; class=&quot;d-block w-100&quot; alt=&quot;loading&quot;&gt;
                &lt;/div&gt;
                &lt;div class=&quot;carousel-item&quot;&gt;
                  &lt;img src=&quot;images/yuri.jpg&quot; class=&quot;d-block w-100&quot; alt=&quot;loading&quot;&gt;
                &lt;/div&gt;
              &lt;/div&gt;
  
              &lt;button class=&quot;carousel-control-prev&quot; type=&quot;button&quot; data-bs-target=&quot;#carouselExampleControls&quot; data-bs-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;visually-hidden&quot;&gt;Previous&lt;/span&gt;
              &lt;/button&gt;
              &lt;button class=&quot;carousel-control-next&quot; type=&quot;button&quot; data-bs-target=&quot;#carouselExampleControls&quot; data-bs-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;visually-hidden&quot;&gt;Next&lt;/span&gt;
                &lt;/button&gt;
          &lt;/div&gt;
  </code></pre>