Créer un carousel en plein écran avec Bootstrap
ERROR
00:00
00:00

TUTO Créer un carousel en plein écran avec Bootstrap

Benoît Philibert
6,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Dans ce tuto vidéo nous allons apprendre à réaliser un carousel en plein écran avec le framework Bootstrap 3. Ce tutoriel s'adresse à des personnes d'un niveau intermédiaire en HTML5/CSS3 et avec des notions sur Bootstrap. Si ce n'est pas le cas je vous invite à consulter les tutoriaux ci-dessous :

Au programme de ce tuto carousel Boostrap plein écran :

Dans ce cours, nous aborderons différents points clés dans cette formation que je vous invite à découvrir :

  • Adapter un carousel Bootstrap.
  • Intégrer une vidéo Youtube de manière responsive.
  • Savoir gérer des propriété CSS3 telles que "cover" ou "box-shadow".
  • Comprendre la disposition premier plan et arrière plan avec "z-index".
  • Adapter la grille Bootstrap en fonction de l'écran final.

Les fichiers sources sont fournis avec le tutoriel.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Installation
Chapitre 2
Slider
Chapitre 3
Style CSS

Plan détaillé du cours

Chapitre 1 : Installation
09m17s
 
Leçon 1Introduction
Leçon 2Téléchargement
Leçon 3Doctype
Leçon 4CSS
Chapitre 2 : Slider
29m59s
 
Leçon 1Slider
Leçon 2Caption
Leçon 3Vidéo
Leçon 4Bouton
Chapitre 3 : Style CSS
21m23s
 
Leçon 1Images
Leçon 2Caption
Leçon 3Bouton
Leçon 4Ajustements

Aperçus

Avis des apprenants

Détail des avis
208
Apprenants
4
Commentaires
4,5/5
Note moyenne
5/5
2
4/5
2
3/5
0
2/5
0
1/5
0
Duch57
Duch57
Publié le 27/06/2015
Clair et précis Bonne maîtrise du sujet
Clément Bigot
Clément Bigot
Publié le 13/11/2014
Très bon tuto, bien expliqué avec un bon débit de paroles... Je suis débutant et j'ai jamais été perdu. Un grand merci et bonne continuation pour la suite de tes cours.
Jean Levallois
Jean Levallois
Publié le 14/03/2015
J'ai un soucis l'intégration de la class img1 définie dans mon style.css comme vous le décrivez l'image (../img/watchdogs.jpg) de fond ne s'affiche pas. je n'en comprends pas la raison. merci de votre réponse.
Benoît Philibert
Bonjour merci d'ouvrir un ticket au bon endroit ça sera utile pour tous ;)

Vos questions sur le cours

Avec quelles versions de logiciels ce tuto est-il compatible ?

Bootstrap 3, HTML 5, Dreamweaver CS6, Dreamweaver CS5, Dreamweaver CC

Quel est le niveau requis pour suivre ce tuto ?

intermédiaire

Que contient le fichier source ?

Les fichiers sources contiennent tout ce qu'il vous faut pour suivre ce tutoriel.

Je voudrais savoir si la transition se fait uniquement de gauche a droite, est-il possible d'en avoir une en fondu ?

De base la formation applique le mouvement d'origine du slider de bootstrap. Il est possible de changer l'animation en fadein / fadeout comme tu le souhaites mais je ne l'explique pas dans le tuto et les tuto que j'ai vu à propos de la technique sont en LESS CSS et non en CSS simple.

Attendez ! 🤗

Accédez à plus de 1351 tutos gratuits

Notre politique de protection des données