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

Chromatographie HPLC : 20 exercices corrigés pour maîtriser les calculs et l’interprétation

La chromatographie liquide haute performance (HPLC) est aujourd'hui l'une des techniques analytiques les plus utilisées…

1 jour ago

HPLC : guide pratique du laboratoire, outils, simulateurs, calculs et interprétation des chromatogrammes

La HPLC (Chromatographie Liquide Haute Performance) est aujourd'hui l'une des techniques analytiques les plus utilisées…

4 jours ago

Bilan prévisionnel sci gratuit : modèles Excel gratuits

Créer une SCI répond souvent à un projet de long terme. Certains souhaitent acquérir un…

5 jours ago

Budget mariage : modèles Excel, calculateur, planning et guide complet

Organiser un mariage est une aventure aussi enthousiasmante qu'exigeante. Derrière chaque cérémonie réussie se cachent…

6 jours ago

Product Backlog : modèle Excel gratuit, guide Agile, Scrum et User Stories

Le Product Backlog constitue le socle de toute gestion de projet Agile performante. Il centralise…

1 semaine ago

Roadmap Agile : modèles Excel gratuits, Product Roadmap, Scrum, SAFe

Cette page réunit tous les outils nécessaires pour construire, présenter et piloter une Roadmap Agile…

1 semaine ago

This website uses cookies.