Tuto Bootstrap

Comment personnaliser Bootstrap 5 ?

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.

formulaire bootstrap

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.

Bootstrap - le composant Navbar

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 ».

Bootstrap - le composant nav

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.

Bootstrap - le composant carousel

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.

Le composant bouton de Bootstrap

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…

BOOTSTRAP - Le composant Alert

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.

Flexbox avec Bootstrap

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 ».

Les dimensions avec 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.

Les ombres portées dans Bootstrap

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.

La propriété display 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.

Les bordures dans Bootstrap

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.

Marges internes et externes

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).

Classes utilitaires : background color

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…

Les tableaux dans Bootstrap

09 – Les tableaux dans Bootstrap

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

Les images dans Bootstrap 5

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…

La typographie avec Bootstrap

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…

Autre méthode de grille responsive Bootstrap

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.

Grille responsive de Bootstrap

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…

La grille Bootstrap

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.

La classe container de bootstrap

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…

Comment installer Bootstrap ?

02 – Comment installer bootstrap 5 ?

Cette vidéo de formation Bootstrap vous montre comment installer bootstrap 5.

Présentation de 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.