Tuto Bootstrap
![Comment personnaliser Bootstrap 5 ?](https://www.seb-code.fr/wp-content/uploads/2023/03/23-personnaliser-bootstrap-768x432.png)
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](https://www.seb-code.fr/wp-content/uploads/2023/02/22-formulaires-768x432.png)
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](https://www.seb-code.fr/wp-content/uploads/2023/02/21-composant-navbar-768x432.png)
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](https://www.seb-code.fr/wp-content/uploads/2023/02/20-composant-nav-768x432.png)
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](https://www.seb-code.fr/wp-content/uploads/2023/02/19-composant-carousel-768x432.png)
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](https://www.seb-code.fr/wp-content/uploads/2023/02/18-composant-bouton-768x432.png)
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](https://www.seb-code.fr/wp-content/uploads/2023/02/17-composant-alerts-768x432.png)
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](https://www.seb-code.fr/wp-content/uploads/2023/02/16-flexbox-768x432.png)
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](https://www.seb-code.fr/wp-content/uploads/2023/01/15-dimensions-768x432.png)
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](https://www.seb-code.fr/wp-content/uploads/2023/01/14-ombres-768x432.png)
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](https://www.seb-code.fr/wp-content/uploads/2023/01/13-propriete-display-768x432.png)
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](https://www.seb-code.fr/wp-content/uploads/2023/01/12-bordures-768x432.png)
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](https://www.seb-code.fr/wp-content/uploads/2023/01/11-marges-internes-externes-768x432.png)
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](https://www.seb-code.fr/wp-content/uploads/2022/12/10-background-color-768x432.png)
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](https://www.seb-code.fr/wp-content/uploads/2022/12/09-tableaux-768x432.png)
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](https://www.seb-code.fr/wp-content/uploads/2022/12/08-images-768x432.png)
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](https://www.seb-code.fr/wp-content/uploads/2022/12/07-typographie-768x432.png)
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](https://www.seb-code.fr/wp-content/uploads/2022/12/06-grille-responsive-2-768x432.png)
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](https://www.seb-code.fr/wp-content/uploads/2022/12/05-grille-responsive-768x432.png)
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](https://www.seb-code.fr/wp-content/uploads/2022/12/04-grille-bootstrap-768x432.png)
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](https://www.seb-code.fr/wp-content/uploads/2022/12/03-class-container-768x432.png)
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 ?](https://www.seb-code.fr/wp-content/uploads/2022/12/02-installer-bootstrap-768x432.png)
02 – Comment installer bootstrap 5 ?
Cette vidéo de formation Bootstrap vous montre comment installer bootstrap 5.
![Présentation de Bootstrap](https://www.seb-code.fr/wp-content/uploads/2022/12/01-intro-1-768x432.png)
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.