Bootstrap 5 Jumbotron

Bootstrap 5 Jumbotron

在 Bootstrap 3 中引入了 jumbotron,会生成大的填充框,用于引起对某些特殊内容或信息的额外关注。

Bootstrap 5 不再支持 Jumbotron。但是,您可以使用 <div> 元素并将特殊的辅助类与颜色类一起添加以达到相同的效果:

Jumbotron 实例

实例

<div class="mt-4 p-5 bg-primary text-white rounded">
  <h1>Jumbotron 实例</h1>
  <p>上海市,简称沪,别称申,是中华人民共和国直辖市,中国的经济、金融、贸易和航运中心 ...</p>
</div>

亲自试一试