Comment intégrer un visuel à l'aide de BOOTSTRAP
Vous êtes dans une ressource de type "Livre". Vous avez plusieurs pages à consulter.
Dans le bloc de droite, vous voyez les pages du livre.
Vous pouvez passer à la page suivante en cliquant sur l'icône 
(en haut à droite de la page)
Revenez à la page précédente avec le bouton à gauche de la page.
Bonne lecture
4. Le résultat obtenu
Ci-dessous, nous avons collé le code HTML suivant (après avoir affiché le code source de l'éditeur de texte)
Ce code correspond à "Jumbotron" du menu "Components" du site Bootstrap dont le lien figure en page 2.
<div class="jumbotron">
<h1 class="display-4">Hello, world!</h1>
<p class="lead">This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p>
<hr class="my-4">
<p>It uses utility classes for typography and spacing to space content out within the larger container.</p>
<p class="lead">
<a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a>
</p>
</div>Le résultat à l'affichage est celui ci-dessous :
Hello, world!
This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.
It uses utility classes for typography and spacing to space content out within the larger container.
Répété et modifié par mon texte cela donne :
Bienvenue dans le livre sur BOOTSTRAP,
Ou comment intégrer facilement des éléments web dans son espace de cours MOODLE.
Nous allons voir ici comment aller récupérer le code HTML et l'insérer dans un éditeur de texte ; éditeur présent partout dans une plateforme de type MOODLE.
