Nous utilisons des cookies pour vous garantir la meilleure expérience sur ce site. Si vous continuez sur ce site, nous supposerons que vous en êtes satisfait. Pour plus d'informations, veuillez consulter notre page d'utilisation des cookies.

Bootstrap 4.5

Inclusion via CDN

Une librairie, dans l’environnement du développement est un ensemble de lignes de code, de fonctions écrites par quelqu’un d’autre dans le but de simplifier le développement de notre propre code et de notre projet.

Un CDN, pour Content Delivery Network, est un ensemble d'ordinateurs reliés entre eux via Internet. Mis en réseau, ces ordinateurs ont pour mission principale de rapprocher et diffuser rapidement le contenu de sites internet ou d'applications web à des utilisateurs. Le contenu envoyé par le site reste statique : il doit être rafraîchi régulièrement pour que les utilisateurs aient accès à toutes les nouveautés le plus vite possible après leur publication. Les CDN ont un rôle majeur dans l'amélioration des performances web d'un site. Tout d'abord, leur ancrage géographique les rend accessibles plus rapidement aux internautes. Un site à forte audience qui souhaite offrir un chargement rapide de ses pages à ses utilisateurs du monde entier ne peut pas s'en passer. Le réseau de diffusion de contenus lisse les pics d'audience en répartissant les visiteurs sur les serveurs qui sont à sa disposition. Cela limite le risque de saturation.

Les containers & breakpoints

Retrouvez ci-dessous une démonstration présentant l'utilisation de Bootstrap 4.5 et notamment des containers et des breakpoints.

Voir la démo : index.html Télécharger le dossier ZIP : ex-bootstrap-1.zip

Les grilles : lignes & colonnes

Retrouvez ci-dessous une démonstration présentant l'utilisation des grilles, des lignes et des colonnes avec Bootstrap 4.5.

Voir la démo : index.html Télécharger le dossier ZIP : ex-bootstrap-2.zip

Images et classes utiles

À l'aide des nouvelles notions abordées, reproduire la démonstration ci-dessous.

Voir la démo : index.html Télécharger le dossier ZIP : ex-bootstrap-4.zip

L'alerte (+ contextual classes)

À l'aide des nouvelles notions abordées, reproduire la démonstration ci-dessous.

Voir la démo : index.html Télécharger le dossier ZIP : ex-bootstrap-5.zip

Les boutons et les badges

Voici une démonstration des composants boutons et badges avec Bootstrap 4.5.

Voir la démo : index.html Télécharger le dossier ZIP : ex-bootstrap-6.zip

Les cartes

À l'aide des nouvelles notions abordées, reproduire la démonstration ci-dessous.

Voir la démo : index.html Télécharger le dossier ZIP : ex-bootstrap-7.zip

Application & typographies

À l'aide des nouvelles notions abordées, reproduire la démonstration ci-dessous.

Voir la démo : index.html Télécharger le dossier ZIP : ex-bootstrap-3.zip

Les formulaires

À l'aide des nouvelles notions abordées, reproduire la démonstration ci-dessous.

Voir la démo : index.html Télécharger le dossier ZIP : ex-bootstrap-8.zip

Les tableaux

À l'aide des nouvelles notions abordées, reproduire la démonstration ci-dessous.

Voir la démo : index.html Télécharger le dossier ZIP : ex-bootstrap-9.zip

Les dropdown

À l'aide des nouvelles notions abordées, reproduire la démonstration ci-dessous.

Voir la démo : index.html Télécharger le dossier ZIP : ex-bootstrap-11.zip

Les navbars

À l'aide des nouvelles notions abordées, reproduire la démonstration ci-dessous.

Voir la démo : index.html Télécharger le dossier ZIP : ex-bootstrap-10.zip