Bootstrap 4 Jumbotron

Ein Jumbotron weist auf eine große graue Box hin, um besondere Aufmerksamkeit auf bestimmte Inhalte oder Informationen zu lenken.
Tipp: Innerhalb eines Jumbotrons können nahezu jedes gültige HTML, einschließlich anderer Bootstrap-Elemente / Klassen, ableget werden.

Ich bin ein Jumbotron Container

Bootstrap ist das beliebteste HTML-, CSS- und JS-Framework für die Entwicklung von Responsive-Mobile-First-Projekten im Web.

Wie wird ein Jumbotron erstellt

Verwenden Sie ein <div> -Element mit der Klasse .jumbotron, um ein Jumbotron zu erstellen:

Beispiel

<div class="jumbotron">
    <h1>Ich bin ein Jumbotron Container</h1>
    <p>Bootstrap ist das beliebteste HTML-, CSS- und JS-Framework ...</p>
</div>

Full-width Jumbotron

Wenn Sie ein Jumbotron mit voller Breite ohne abgerundete Ränder wünschen, fügen Sie die .jumbotron-fluid Klasse und einen .container oder eine .container-fluid hinzu

Beispiel

Ich bin ein Jumbotron Container mit der Klasse
"jumbotron-fluid"

Bootstrap ist das beliebteste HTML-, CSS- und JS-Framework ...