Jumbotron

Ελαφρύ, ευέλικτο εξάρτημα για την προβολή περιεχομένου στυλ μονάδας ήρωα.

Ένα ελαφρύ, ευέλικτο στοιχείο που μπορεί προαιρετικά να επεκτείνει ολόκληρο το παράθυρο προβολής για να προβάλει βασικά μηνύματα μάρκετινγκ στον ιστότοπό σας.

Γειά σου Κόσμε!

Αυτή είναι μια απλή μονάδα ήρωα, ένα απλό εξάρτημα σε στυλ jumbotron για να προσελκύει επιπλέον προσοχή στο επιλεγμένο περιεχόμενο ή πληροφορίες.

Χρησιμοποιεί τάξεις χρησιμότητας για τυπογραφία και διαστήματα σε περιεχόμενο εντός του μεγαλύτερου κοντέινερ.

Μάθε περισσότερα

<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>

Για να κάνετε το jumbotron σε πλήρες πλάτος και χωρίς στρογγυλεμένες γωνίες, προσθέστε την .jumbotron-fluidκλάση τροποποιητή και προσθέστε ένα .containerή .container-fluidεντός.

Ρευστό jumbotron

Πρόκειται για ένα τροποποιημένο jumbotron που καταλαμβάνει ολόκληρο τον οριζόντιο χώρο του μητρικού του.

<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>