Tutoriel Bootstrap 5 – #1 Présentation de Bootstrap

Bienvenue dans ce premier opus sur Bootstrap 5. Aujourd’hui, je vais vous présenter ce “Framework CSS” qui intéresse toujours de plus en plus la communauté web pour la faciliter de créer des interfaces web avec.

Version vidéo

Tu préfères la version vidéo? Je t’invite à regarder ce tutoriel version vidéo sur la chaîne YouTube Informerick

Qu’est-ce que Bootstrap ?

Vous avez surement entendu le terme “Framework” ? C’est un peu ce qu’est Bootstrap mais dans la limite du possible, il se proclame comme un “Framework CSS”. 

Beaucoup ne voient pas le terme de framework dans bootstrap, donc la limite de ce qu’il est très flou. Son utilité, cependant, n’est pas à contester.

Dans le concret, Bootstrap vous fournie une tonne (quand je dis une tonne, je mâche mes mots) de classes CSS précodés pour créer le design que l’on souhaite sans devoir le refaire pour chaque projet.

Ici, on parle exemple de la classe text-center qui va permettre directement de mettre au centre le texte, mais encore plus ! Nous pouvons pousser Bootstrap aussi loin que des composants comme des menus “volte-face”

Qui est derrière Bootstrap ?

Ce sont des employés de Twitter qui sont derrière le projet de Bootstrap. 

À la base, le projet se nommait Twitter Blueprint mais a été rebaptiser Bootstrap.

Aujourd’hui le projet Bootstrap est open source.

Pourquoi utiliser Bootstrap ?

Alors comme l’utilité de tout framework : vous économiser du temps. Vous n’aurez pas à chaque projet à recoder les composants essentiels de celui-ci alors qu’il a déjà été fait ailleur (et souvent mieux!).

En plus, beaucoup sont des développeurs full-stack (qui font le développement de A à Z, front-end, backend et data), ils ne spécialiseront pas dans le design de site, car cela peut être un métier à part entière.

Donc utiliser des composants personnalisables, mais avec déjà de beaux designs permet de faciliter le travail.

Sans parler du côté SEO que Bootstrap permet de garder des normes que Google adore.

FAQ