Le template Carousel TEMPLATES:Carousel

1. Les fichiers du template

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

images/C13-002.png

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

 Dans le dossier décompressé précédemment bootstrap-4.1.0, allez dans : /docs/4.1/examples/carousel.

Vous avez les deux fichiers de cet exemple : carousel.css et index.html.

Dans le fichier index.html, tous les liens font référence aux dossiers dist et assets situés à la racine du dossier bootstrap-4.1.0. Donc si vous souhaitez exploiter ce template pour vos propres sites, vous devez créer votre propre dossier pour votre site web, y placer ces deux fichiers et réécrire les liens vers les fichiers css et js nécessaires.

En ouvrant le fichier index.html de cet exemple, vous pourrez voir que la première liaison concerne la favicon :

<link rel="icon" href="../../../../favicon.ico"> 

Vous trouverez ce fichier à la racine du dossier bootstrap-4.1.0. Vous pouvez la copier et la coller dans un dossier nommé images dans cet exemple. Ensuite, vous devez indiquer le bon chemin d’accès :

<link rel="icon" href="images/favicon.ico"> 

Mais libre à vous d’utiliser cette favicon ou une autre de votre choix.

Ensuite nous avons la liaison au fichier CSS de Bootstrap :

<link href="../../../../dist/css/bootstrap.min.css" rel="stylesheet">...
Pour consulter la suite, découvrez le livre suivant :
couv_OW24BOO.png
60-signet.svg
En version papier
20-ecran_lettre.svg
En version numérique
41-logo_abonnement.svg
En illimité avec l'abonnement ENI
130-boutique.svg
Sur la boutique officielle ENI
Précédent
Les templates
Suivant
Le template Album