Tuto Bootstrap

01 – Présentation du framework CSS
Cette vidéo de formation Bootstrap vous présente le célèbre framework CSS. Nous verrons que l’utilisation d’un framework CSS vous aidera à produire rapidement des pages HTML. Bootstrap vous facilite, les…

02 – Comment installer bootstrap 5 ?
Cette vidéo de formation Bootstrap vous montre comment installer bootstrap 5.

03 – La classe CONTAINER
Cette vidéo de formation Bootstrap vous montre l’utilisation de la classe CONTAINER afin de mettre en page le corps du texte d’une page HTML. Nous verrons également comment la classe…

04 – Le système de grille de Bootstrap
Ce tutoriel Bootstrap 5 vous explique le système de grille de Bootstrap. Nous allons voir comment créer des colonnes dans une page web.

05 – La grille responsive design de Bootstrap
Ce tutoriel Bootstrap 5 vous explique comment créer des grilles fluides et réactives aux différentes largeurs d’écran. Nous allons voir comment créer des colonnes dans une page web pour assurer…

06 – Autre méthode de grille responsive design
Ce cours de la formation gratuite de Bootstrap 5 vous explique comment créer une grille responsive design en agissant sur la classe ROW plutôt que les classes COL.

07 – La typographie avec Bootstrap
Ce tutoriel Bootstrap 5 vous explique comment mettre en forme le texte avec les classes de Bootstrap. Nous verrons des cas de typographie au niveau des titres, des listes ainsi…

08 – Les images
Ce cours de la formation Bootstrap 5 vous explique comment créer des images fluides et responsive design avec Bootstrap. Nous verrons également différentes classes pour mettre des bordures, des coins…

09 – Les tableaux dans Bootstrap
Ce tutoriel Bootstrap 5 vous explique comment mettre en forme les tableaux avec ce framework CSS.

10 – Les classes utilitaires : background color
Ce tutoriel Bootstrap 5 vous explique comment mettre une couleur de fond dans les éléments HTML grâce aux classes utilitaires. Nous verrons également qu’il est possible de diminuer l’opacité de…

11 – Les classes utilitaires : marges internes et externes
Ce tutoriel Bootstrap 5 vous explique comment écrire les classes bootstrap pour gérer les marges internes (padding) et externes (margin).

12 – Les classes utilitaires : les bordures
Ce tutoriel Bootstrap 5 vous explique comment ajouter des bordures aux éléments. Nous verrons comment changer la couleur, l’épaisseur du trait et l’opacité de la bordure.

13 – Les classes utilitaires : la propriété display
Ce tutoriel Bootstrap 5 vous explique comment gérer la propriété display. Nous verrons comment afficher ou non un élément en fonction de la taille d’écran.

14 – Les classes utilitaires : les ombres
Ce tutoriel Bootstrap 5 vous explique comment ajouter des ombres portées afin de mettre en valeur les différents éléments HTML. On utilisera pour cela la classe « shadow » de bootstrap.

15 – Les classes utilitaires : les dimensions
Ce tutoriel Bootstrap 5 vous montre comment gérer les dimensions en largeur et en hauteur des différents éléments HTML.

16 – Flexbox
Ce tutoriel Bootstrap 5 vous présente les classes que propose le framework CSS pour gérer les flexbox. Nous y verrons comment disposer des éléments à l’intérieur d’un « container ».

17 – Le composant Alert
Ce tutoriel Bootstrap 5 vous présente le composant alert afin d’afficher des messages aux utilisateurs dans votre application web.

18 – Le composant Bouton
Ce tutoriel Bootstrap 5 vous présente le composant bouton. Nous verrons qu’il est facile de mettre du style sur les éléments HTML : button, a et input afin d’en faire…

19 – Le composant Carousel
Ce tutoriel Bootstrap 5 vous présente le composant Carousel. Nous verrons qu’il est facile de mettre en place un diaporama pour faire défiler des photos.

20 – Le composant Nav
Ce tutoriel Bootstrap 5 vous montre comment faire un menu de navigation. Nous verrons également comment réaliser un sous menu.

21 – Le composant Navbar
Ce tutoriel Bootstrap 5 vous montre comment faire un menu de navigation avec le composant navbar. Celui-ci permet de réaliser un menu « responsive ».

22 – Les formulaires
Ce tutoriel Bootstrap 5 vous montre comment faire un formulaire. Nous verrons également comment faire un formulaire « responsive design » grâce aux classes de Bootstrap.

23 – Comment personnaliser les couleurs de Bootstrap 5 ?
Si vous avez suivi ma formation gratuite de Bootstrap, vous avez probablement trouvé le framework CSS bien pratique pour réaliser des projets web. Mais peut-être que vous êtes resté frustré…