Faire une caroussel avec bootstrap

Bonjour à tous. Je travaille sous bootstrap, je veux faire une caroussel mais je n'y arrive pas bien que je me sert de la documentation, voici mon code

<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
 <div class="carousel-inner">
 <div class="carousel-item active">
 <img src="images/photo1.jpg" class="d-block w-100" alt="...">
 </div> 
<div class="carousel-item"> <img src="images/photo3.jpg" class="d-block w-100" alt="..."> 
</div> 
<div class="carousel-item"> <img src="images/photo2.jpg" class="d-block w-100" alt="..."> 
</div> 
</div> <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> 
</div>

Tout ce que j'ai comme résultat c'est la première image et les contrôleurs du slide mais les images ne changent pas même après avoir cliqué sur le contrôleur.
Je signale aussi que j'ai déjà inclus les fichiers bootstrap.css et bootstrap.js

Je ne sais si j'ai loupé un truc dans la documentation et que je devrais mettre dans mon code.