Intégration d'un Carousel Bootstrap sur Votre Site Web

Ajouter et configurer un carousel
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre Bootstrap - Le Framework Front-End
Revoir le teaser Je m'abonne
2,5
Transcription

Cette leçon fait partie de la formation
49,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis
2,5
Cette leçon fait partie de la formation
49,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Les objectifs de cette vidéo sont d'enseigner aux utilisateurs comment :

  • Intégrer un carousel Bootstrap dans une page web.
  • Ajouter et personnaliser des slides.
  • Utiliser des flèches de navigation et des miniatures cliquables.
  • Appliquer des transitions et ajuster le style CSS pour un rendu parfait.

Découvrez comment intégrer un diaporama interactif dans votre site web en utilisant le plugin Carousel de Bootstrap.

Dans cette leçon, vous apprendrez à ajouter un diaporama à votre site web en utilisant le plugin Carousel de Bootstrap. Ce plugin est très apprécié pour sa simplicité d'utilisation et sa capacité à créer des diaporamas dynamiques et interactifs. Vous découvrirez comment structurer votre HTML pour inclure le carousel, ajouter des slides avec des images, et naviguer entre les slides grâce à des flèches de direction. De plus, des techniques pour améliorer l'aspect visuel, comme l'ajout de miniatures cliquables et d'effets de transition, seront également abordées. Finalement, nous verrons comment adapter le code CSS pour un rendu esthétique optimal.

Voir plus
Questions réponses
Comment ajoute-t-on une slide dans le carousel?
Pour ajouter une slide, créez une div avec la classe 'item' et insérez-y votre contenu, tel qu'une image.
À quoi sert la classe 'active' pour la première slide?
La classe 'active' indique que cette slide est la première visible lors du chargement du carousel.
Pourquoi est-il important d'ajouter des ID distincts pour chaque carousel?
Les IDs distincts permettent de cibler et de contrôler chaque carousel indépendamment, surtout s'il y en a plusieurs sur la même page.
2 commentaires
2,5
2 votes
5
4
3
2
1
ideal.micro40
Il y a 2 jours
video sur Bootstrap 3 alors qu'on est sur la version 5.3.6.
on parle de jquery alors que dans la version il n'y est plus
on nous parle de phpstorm comme editeur qui est payant voir lez bloc note (au secours !!!)
il y a vscode qui maintenant est utiliser par quasi tous les développeurs et qui est gratuit.

sur la video : Maîtriser les Grilles et Colonnes dans Bootstrap
1 - le cours annonce la modification pour passer sur 4 colonne puis de changer les titres,
a ce moment la on reviens en arrière à la modification pour passer en 4 colonnes... et ça recommence
grosse erreur de montage.

2 - ensuite push et pull ont été supprimé pour utiliser le système flexbox sur la version 5
avec les classes order pour gérer l'ordre des colonnes.

3 - l'explication sur le offset n'est absolument pas claire :
on a une première explication, puis une deuxième qui est la même mais avec le résultat directe avec offset.

bref je vais être franc j'ai trouver une formation sur udemy sur bootstrap 5 bien plus intéressante, je ne trouve pas normal d'avoir une formation sur bootstrap 3 qui nous induit en erreur.
ayant passer ce premier chapitre j’arrête car je ne vois aucun intérêt à continuer.
Stephd
Il y a 4 ans
tres bonne formation c est une bonne decouverte generale.