Le template Carousel TEMPLATES:Carousel

1. Les fichiers du template

Dans les exemples de Bootstrap, nous allons étudier le template nommé Carousel :

Le dossier à télécharger de cet exemple terminé est nommé 13-Template-01.

Voici l’affichage « brut » de ce template, accessible à cette URL : https://getbootstrap.com/docs/5.1/examples/carousel/

images/5new22-069.png

 Dans le dossier décompressé bootstrap-5.1.3-examples, allez dans le dossier carousel.

Vous avez trois fichiers : carousel.css, carousel.rtl.css et index.html.

 Ouvrez le fichier index.html.

Le fichier index.html, contient le lien vers le fichier carousel.css : <link href="carousel.css" rel="stylesheet">. Ce fichier CSS est utile si vous souhaitez personnaliser les règles CSS utilisées dans cet exemple.

En ce qui concerne le lien vers le fichier CSS de Bootstrap, il pointe vers des dossiers non présents dans cette structure :

<!-- Bootstrap core CSS --> 
<link href="../assets/dist/css/bootstrap.min.css" rel="stylesheet"> 

Il convient donc de faire un lien vers le fichier CSS en ligne, via CDN, comme nous l’avons toujours fait précédemment.

Voici la syntaxe à utiliser :

<!-- Liaison au fichier css de Bootstrap --> 
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/
css/bootstrap.min.css" rel="stylesheet" integrity=
"sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"...
couv_OW5BOO.png

Découvrez 

le livre :

Aussi inclus dans nos :

Précédent
Les templates
Suivant
Le template Album