L’annonce d’accueil ACCUEIL:Annonce

Le composant Jumbotron permet d’afficher une annonce importante en page d’accueil de vos sites. Dans ce composant, vous pouvez insérer tous les éléments HTML que vous souhaitez : titres, textes, images...

Notez que dans cet exemple l’élément conteneur de ce composant, <div class="jumbotron">, est placé directement à la racine de l’élément <body>. Il n’y a pas de conteneur Bootstrap. Voici le code de cet exemple simple :

<div class="jumbotron"> 
   <h1 class="display-4">Euismod Nullam Ullamcorper&nbsp;!</h1> 
   <p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
Nullam quis risus eget urna mollis ornare vel eu leo. Integer posuere erat 
a ante venenatis dapibus posuere velit aliquet.</p> 
   <img src="new-york.jpg" class="img-fluid" alt="New York"> 
   <hr class="my-4"> 
   <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec 
ullamcorper nulla non metus auctor fringilla. Nulla vitae elit libero, a 
pharetra augue.</p> 
   <a class="btn btn-primary btn-lg" href="#" role="button">Dolor 
Mattis</a> 
</div> 

Voici l’affichage obtenu :

images/24C08-008.png

C’est la classe .jumbotron qui permet cette mise en forme, avec notamment...

Pour consulter la suite, découvrez le livre suivant :
couv_OW24BOO.png
60-signet.svg
En version papier
20-ecran_lettre.svg
En version numérique
41-logo_abonnement.svg
En illimité avec l'abonnement ENI
130-boutique.svg
Sur la boutique officielle ENI
Précédent
Les notifications
Suivant
Synchroniser le défilement