Bootstrap 5 Jumbotron
Bootstrap 5 Jumbotron
Một jumbotron đã được giới thiệu trong Bootstrap 3 như một hộp đệm lớn để thu hút sự chú ý nhiều hơn đến một số nội dung hoặc thông tin đặc biệt.
Jumbotron không còn được hỗ trợ trong Bootstrap 5. Tuy nhiên , bạn có thể sử dụng phần tử <div>
và thêm các lớp trợ giúp đặc biệt cùng với lớp màu để đạt được hiệu ứng tương tự:
Ví dụ Jumbotron
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labe et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud gắng sức ullamco labis nisi ut aliquip ex ea commodo consequat..
Ví dụ
<div class="mt-4 p-5 bg-primary text-white rounded">
<h1>Jumbotron
Example</h1>
<p>Lorem ipsum...</p>
</div>
Hãy tự mình thử »