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>
自己动手试一试 »