Bootstrap 4 Jumbotron
Bootstrap 4 Jumbotron
Ein Jumbotron zeigt ein großes graues Kästchen an, um besondere Aufmerksamkeit auf bestimmte Inhalte oder Informationen zu lenken.
Tipp: In einem Jumbotron können Sie fast jeden gültigen HTML-Code einfügen, einschließlich anderer Bootstrap-Elemente/Klassen.
Bootstrap-Tutorial
Bootstrap ist das beliebteste HTML-, CSS- und JS-Framework für die Entwicklung responsiver, Mobile-First-Projekte im Web.
Verwenden Sie ein <div>
Element mit Klasse .jumbotron
, um ein Jumbotron zu erstellen:
Beispiel
<div class="jumbotron">
<h1>Bootstrap Tutorial</h1>
<p>Bootstrap is the most popular HTML, CSS...</p>
</div>
Jumbotron in voller Breite
Wenn Sie ein Jumbotron in voller Breite ohne abgerundete Ränder wünschen, fügen Sie die .jumbotron-fluid
Klasse und ein .container
oder
.container-fluid
darin hinzu:
Beispiel
<div class="jumbotron jumbotron-fluid">
<div
class="container">
<h1>Bootstrap Tutorial</h1>
<p>Bootstrap is the most popular HTML, CSS...</p>
</div>
</div>