Bootstrap4 Jumbotron
Ein Jumbotron (übergroßer Bildschirm) erzeugt eine große graue Hintergrundbox, in der Sie einige spezielle Inhalte und Informationen festlegen können.
Tipp:Im Jumbotron können Sie einige HTML-Tags einfügen, und es können auch Bootstrap-Elemente verwendet werden.
Wir können ein Jumbotron erstellen, indem wir das<div>-Element mit der.jumbotron-Klasse hinzufügen, um ein Jumbotron zu erstellen:
Beispiel
<div class="jumbotron">
<h1>Beispiel</h1>
<p>Was wir lernen, ist nicht nur Technologie, sondern auch Träume!!!</p>
</div>
Selbst ausprobieren »
Vollbild-Jumbotron
Wenn Sie ein Vollbild-Jumbotron ohne abgerundete Ecken erstellen möchten, können Sie die.jumbotron-fluid-Klasse zum div in der Klasse.containeroder.container-fluid hinzufügenKlasse, um dies zu erreichen:
Beispiel
<div class="jumbotron jumbotron-fluid">
<div class="container">
<h1>Beispiel</h1>
<p>Was wir lernen, ist nicht nur Technologie, sondern auch Träume!!!</p>
</div>
</div>
Selbst ausprobieren »