Bootstrap 4 Jumbotron
Bootstrap 4 Jumbotron
Jumbotron biểu thị một hộp lớn màu xám để thu hút sự chú ý nhiều hơn đến một số nội dung hoặc thông tin đặc biệt.
Mẹo: Bên trong jumbotron, bạn có thể đặt gần như mọi HTML hợp lệ, bao gồm các thành phần/lớp Bootstrap khác.
Hướng dẫn khởi động
Bootstrap là khung HTML, CSS và JS phổ biến nhất để phát triển các dự án đáp ứng, di động đầu tiên trên web.
Sử dụng phần tử <div>
với lớp .jumbotron
để tạo jumbotron:
Ví dụ
<div class="jumbotron">
<h1>Bootstrap Tutorial</h1>
<p>Bootstrap is the most popular HTML, CSS...</p>
</div>
Hãy tự mình thử »Jumbotron toàn chiều rộng
Nếu bạn muốn một jumbotron có chiều rộng đầy đủ không có viền tròn, hãy thêm lớp .jumbotron-fluid
và .container
hoặc .container-fluid
bên trong lớp đó:
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>
Hãy tự mình thử »