Bootstrap 5 超大屏幕

Bootstrap 5 超大屏幕

Jumbotron(超大屏幕)会创建一个大的灰色背景框,里面可以设置一些特殊的内容和信息。

在 Bootstrap 3 中引入了一个 jumbotron 来创建一个大的背景框,用于显示一些重要的信息。

在 Bootstrap 5 中,已经不再支持 Jumbotron。但是,我们可以使用 <div> 元素添加一些辅助类与颜色类来达到相同的效果:

提示: Jumbotron 里头可以放一些 HTML标签,也可以是 Bootstrap 的元素。

超大屏幕实例

这是一些示例文本,这是一些示例文本,这是一些示例文本,这是一些示例文本,这是一些示例文本,这是一些示例文本,这是一些示例文本。 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 Example</h1>
  <p>Lorem ipsum...</p>
</div>
亲自试一试 »