Tutos Bootstrap

Tutoriels sur l’utilisation de la bibliothèque Bootstrap

effet de caption sur image

Styliser les images à l’aide de Bootstrap4

De nos jours il est très important de faire recourt aux images pour capter l’attention des internautes et faire véhiculer un message sur une page web. Pour ce faire il faut que l’image soit...
typogrphie

Appliquer la typographie avec Bootstrap4

Bootstrap4 reprend tous les éléments de la typographie du langage HTML5 avec un style plus propre et bien présentable. Bootstrap4 a intégré directement les styles aux balises de typographie de HTML5 et propose dans la...
pagination

Réaliser une pagination avec Bootstrap4

La pagination est un composant qui permet de numéroter plusieurs pages et de naviguer entre ces différentes pages, elle est souvent très utilisée sur les blogs. Bootstrap4 prévoyant et conscient de l’utilité de ce composant,...
Entête du thème Photofan

Les composants graphiques de navigation de Bootstrap4 (Les navs)

Tous les composants de navigation de Bootstrap4 ont pour base la classe .nav qui intègre la flexbox, une intégration qui permet au composant nav de créer tous types de composants graphiques de navigation flexible. Pour...
sous menus Bootstrap

Réaliser un sous-menu (Dropdown) avec Bootstrap4

Comme l’indique son nom, le dropdown est un composant  qui rassemble les sous éléments d’un menu. Bootstrap4 vous permet de le créer facilement et vous propose différents styles pour sa personnalisation. Nous allons faire un...
Breadcrumb

Réaliser un breadcrumb avec Bootstrap4

Le breadcrumb est un outil de navigation qui présente l’organisation d’un site et permet de naviguer facilement entre les pages. Grâce au breadcrumb le visiteur de votre site connait les pages web qui sont...
Barre de navigation

Réaliser une barre de navigation avec Bootstrap

Dans ce cours vous découvrirez qu’avec Bootstrap vous serez capable de réaliser une barre de navigation professionnelle et épatante dans un temps relativement court. Nous étudierons comment grâce à bootstrap4 réaliser une barre de navigation,...