Search code examples
htmlbootstrap-4carousel

Carousel is not displaying

My carousel is not displaying. I have followed certain principles given by bootstrap but it does not seem to work. Any ideas why? 

<div id="slides" class="carousel slide" data-ride="carousel">
   <ul class="carousel-indicators">
      <li data-target="#slides" data-slide-to="0" class="active"></li>
      <li data-target="#slides" data-slide-to="1"></li>
      <li data-target="#slides" data-slide-to="2"></li>
   </ul>
   <div class="carousel-inner">
      <div class="carousel-item">
         <img src="img/background.png">
      </div>
   </div>
</div>
Solution

  • Hi there you forgot to make the first item active <div class="carousel-item active">