Menu Bài Viết:

Bootstrap 4 Jumbotron

Một jumbotron đưa ra một hộp chứa màu xám để kêu gọi thêm sự chú ý đến một số nội dung hoặc thông tin đặc biệt.

Mẹo: Trong một jumbotron, bạn có thể thêm mã HTML thoải mái, cũng như bao gồm cả các phần tử/lớp Bootstrap nữa.

Dưới đây là một ví dụ về jumbotron:

Dùng thẻ <div> với class .jumbotron để tạo một jumbotron:

Ví dụ

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

Full-width Jumbotron

Nếu bạn muốn một jumbotron rộng hết màn hình, add class .jumbotron-fluid sau đó add class .container hoặc .container-fluid ở phần tử div bên trong nó:

Ví dụ

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