I can't find the issue and I've tried a million times. Why isn't this code working? It's the same as in the Bootstrap website minimally modified.
It just shows one picture, but the buttons are not working at all. So frustrating!
<div id="carouselExample" class="carousel slide" data-bs-ride="carousel"><div class="carousel-inner"><div class="carousel-item active"><%= image_tag("novia-1.jpg", class:"d-block w-100", alt: "Slide 1") %></div><div class="carousel-item"><%= image_tag("novia-2.jpg", class:"d-block w-100", alt: "Slide 2") %></div><div class="carousel-item"><%= image_tag("novia-3.jpg", class:"d-block w-100", alt: "Slide 3") %></div></div><button class="carousel-control-prev" type="button" data-bs-target="#carouselExample" data-bs-slide="prev"><span class="carousel-control-prev-icon" aria-hidden="true"></span><span class="visually-hidden">Previous</span></button><button class="carousel-control-next" type="button" data-bs-target="#carouselExample" data-bs-slide="next"><span class="carousel-control-next-icon" aria-hidden="true"></span><span class="visually-hidden">Next</span></button></div>
