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

Grafcet ascenseur : cours détaillé, méthode et exercices corrigés

Le Grafcet d’un ascenseur est l’un des meilleurs exemples pour comprendre la logique séquentielle en…

17 minutes ago

Différence entre Savoir et Connaître : Comprendre Deux Verbes Fondamentaux du Français

Dans la langue française, certains verbes semblent interchangeables alors qu’ils traduisent des réalités très différentes.…

2 heures ago

Test de logique mathématique recrutement : ce que les entreprises cherchent réellement derrière ces évaluations

Le test de logique mathématique recrutement s’est progressivement imposé dans les processus d’embauche modernes. Il…

9 heures ago

Test psychotechnique recrutement — 20 questions corrigées

Le test psychotechnique recrutement occupe aujourd’hui une place centrale dans de nombreux processus d’embauche. Autrefois…

10 heures ago

Pollo AI : Créer des Vidéos IA Virales pour TikTok, Reels et Shorts en Quelques Minutes

Pollo AI : la nouvelle génération des vidéos IA pensée pour les créateurs modernes Le…

1 jour ago

Test de logique recrutement : pourquoi les entreprises utilisent de plus en plus les QCM corrigés

Le test de logique recrutement occupe aujourd’hui une place de plus en plus importante dans…

1 jour ago

This website uses cookies.