Bootstrap 5 Jumbotron

Bootstrap 5 Jumbotron

Jumbotron đã được giới thiệu trong Bootstrap 3, sẽ tạo ra hộp đệm lớn để thu hút sự chú ý đặc biệt đối với nội dung hoặc thông tin đặc biệt.

Bootstrap 5 không hỗ trợ Jumbotron anymore. Nhưng, bạn có thể sử dụng <div> Thực thể và thêm các lớp hỗ trợ đặc biệt cùng với các lớp màu để đạt được hiệu ứng tương tự:

Mô hình Jumbotron

Mô hình

<div class="mt-4 p-5 bg-primary text-white rounded">
  <h1>Đ esempio di Jumbotron</h1>
  <p>Thành phố Thượng Hải, viết tắt là SH, còn gọi là Shen, là thành phố trực thuộc trung ương của Cộng hòa Nhân dân Trung Hoa, là trung tâm kinh tế, tài chính, thương mại và vận tải của Trung Quốc ...</p>
</div>

Thử trực tiếp