Bootstrap 4 Jumbotron
Bootstrap 4 Jumbotron
Một jumbotron cho biết một hộp lớn màu xám để kêu gọi 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ư bất kỳ HTML hợp lệ nào, bao gồm các phần tử / lớp Bootstrap khác.
Hướng dẫn Bootstrap
Bootstrap là khuôn khổ HTML, CSS và JS phổ biến nhất để phát triển các dự án đáp ứng, ưu tiên thiết bị di động trên web.
Sử dụng một <div>phần tử với lớp .jumbotronđể tạo một jumbotron:
Thí dụ
<div class="jumbotron">
<h1>Bootstrap Tutorial</h1>
<p>Bootstrap is the most popular HTML, CSS...</p>
</div>
Jumbotron toàn chiều rộng
Nếu bạn muốn một jumbotron có chiều rộng đầy đủ mà không có đường viền tròn, hãy thêm .jumbotron-fluidlớp và một .containerhoặc
.container-fluidbên trong nó:
Thí dụ
<div class="jumbotron jumbotron-fluid">
<div
class="container">
<h1>Bootstrap Tutorial</h1>
<p>Bootstrap is the most popular HTML, CSS...</p>
</div>
</div>