Tuto Bootstrap
23 – Comment personnaliser les couleurs de Bootstrap 5 ?
On dit que les sites réalisés avec Boostrap se ressemblent. Voyons comment changer les styles de Bootstrap afin de personnaliser son thème.
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.
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 ».
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.
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.
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…
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.
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 ».
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.
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.
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.
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.
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).
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…
09 – Les tableaux dans Bootstrap
Ce tutoriel Bootstrap 5 vous explique comment mettre en forme les tableaux avec ce framework CSS.
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…
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…
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.
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…
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.
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…
02 – Comment installer bootstrap 5 ?
Cette vidéo de formation Bootstrap vous montre comment installer bootstrap 5.
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.