Jumbotron

Leichte, flexible Komponente zur Präsentation von Inhalten im Stil von Heldeneinheiten.

Eine leichte, flexible Komponente, die optional den gesamten Darstellungsbereich erweitern kann, um wichtige Marketingbotschaften auf Ihrer Website zu präsentieren.

Hallo Welt!

Dies ist eine einfache Heldeneinheit, eine einfache Komponente im Jumbotron-Stil, um besondere Aufmerksamkeit auf bestimmte Inhalte oder Informationen zu lenken.

Es verwendet Hilfsklassen für Typografie und Abstände, um Inhalte innerhalb des größeren Containers zu verteilen.

Mehr erfahren

<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>
  <a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a>
</div>

Um das Jumbotron in voller Breite und ohne abgerundete Ecken zu erstellen, fügen Sie die .jumbotron-fluidModifikatorklasse hinzu und fügen Sie ein .containeroder .container-fluidinnerhalb hinzu.

Flüssiges Jumbotron

Dies ist ein modifiziertes Jumbotron, das den gesamten horizontalen Raum seines Elternteils einnimmt.

<div class="jumbotron jumbotron-fluid">
  <div class="container">
    <h1 class="display-4">Fluid jumbotron</h1>
    <p class="lead">This is a modified jumbotron that occupies the entire horizontal space of its parent.</p>
  </div>
</div>