Bootstrap 4 Jumbotron


Bootstrap 4 Jumbotron

Jumbotron oznacza duże szare pole, które zwraca szczególną uwagę na jakąś specjalną treść lub informację.

Wskazówka: Wewnątrz jumbotronu możesz umieścić prawie każdy poprawny kod HTML, w tym inne elementy/klasy Bootstrap.

Samouczek Bootstrap

Bootstrap to najpopularniejszy framework HTML, CSS i JS do tworzenia responsywnych, mobilnych projektów internetowych.

Użyj <div>elementu z klasą, .jumbotronaby stworzyć jumbotron:

Przykład

<div class="jumbotron">
  <h1>Bootstrap Tutorial</h1>
  <p>Bootstrap is the most popular HTML, CSS...</p>
</div>

Jumbotron o pełnej szerokości

Jeśli chcesz jumbotron o pełnej szerokości bez zaokrąglonych ramek, dodaj .jumbotron-fluidklasę i .containerlub .container-fluidwewnątrz niej:

Przykład

<div class="jumbotron jumbotron-fluid">
  <div class="container">
    <h1>Bootstrap Tutorial</h1>
    <p>Bootstrap is the most popular HTML, CSS...</p>
  </div>
</div>