Bootstrap 5 Jumbotron
Bootstrap 5 Jumbotron
Jumbotron 在 Bootstrap 3 中引入,作為一個大號的帶內邊距的盒子,用於特別吸引人們對某些特殊內容或資訊的注意。
Jumbotron 在 Bootstrap 5 中不再受支援。但是,您可以使用一個 <div>
元素,並新增特殊的輔助類和顏色類來達到相同的效果。
Jumbotron 示例
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat..
示例
<div class="mt-4 p-5 bg-primary text-white rounded">
<h1>Jumbotron 示例</h1>
<p>Lorem ipsum...</p>
</div>
自己動手試一試 »