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>

親自試一試