Tutoriel Bootstrap 4 : Comment travailler avec jumbotron ?

Bienvenue dans ce nouveau tutoriel  tutoriel Bootstrap

Un jumbotron dans Bootstrap 4 crée une grande boîte grise que vous pouvez utiliser pour afficher des informations importantes et attirer l’attention de l’utilisateur sur le texte.
Le jumbotron dans Bootstrap 4 occupe généralement toute la largeur de son élément contenant, a un fond gris et son texte est rond.

pointe :
Vous pouvez placer presque n’importe quelle balise HTML valide dans un jumbotron et utiliser des éléments Bootstrap avec différentes classes.

Pour créer un jumbotron, il faut utiliser la balise avec la classe .jumbotron, comme dans l’exemple pratique de code ci-dessous :

Bootstrap

Comment créer un jumbotron pleine largeur dans Bootstrap 4 :


Si vous voulez que le jumbotron créé occupe toute la largeur de la page ou de son élément parent et n’ait pas de coins arrondis, vous devez utiliser la classe .jumbotron-fluid avec un élément interne (comme une balise) avec le .container ou .container -classe de fluide. faites-le Comme le code d’exemple pratique ci-dessous:

AZ

Recent Posts

Plan de reprise d’activité informatique Excel (PRA informatique) : modèle XLS, exemple, RTO/RPO et tableau de bord

Un PRA efficace aide l’entreprise à redémarrer ses applications critiques après une panne, un ransomware…

1 jour ago

Plan de continuité d’activité Excel : modèle PCA XLS, générateur dynamique et exemples par secteur

Chaque organisation est confrontée à des événements susceptibles de perturber son fonctionnement : cyberattaque, panne…

1 jour ago

AWS TCO Calculator : Simulateur, Calcul du TCO, ROI et Modèle Excel

La plupart des projets de migration vers AWS commencent par une estimation des coûts mensuels.…

1 jour ago

Simulateur TCO Chariot Élévateur Diesel vs Électrique | Calcul ROI, Coût Total et Comparatif

Le prix affiché sur un devis raconte rarement toute l'histoire. Deux chariots élévateurs peuvent sembler…

1 jour ago

Note d’information aux locataires : modèle Word, exemples, obligations et guide pratique

La gestion d'un immeuble ou d'une résidence repose autant sur la qualité des équipements que…

2 jours ago

DOE numérique : guide complet, modèles BIM, IFC, DOE dématérialisé et logiciels

Le DOE numérique transforme la manière dont les professionnels du bâtiment préparent, organisent et transmettent…

3 jours ago

This website uses cookies.