Bootstrap 4 超大屏幕

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

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

超大屏幕实例

Bootstrap 是最流行的 HTML、CSS 和 JS 框架，用于在 Web 上开发响应式、移动优先的项目。

我们可以通过在 <div> 元素中添加 .jumbotron 类来创建 jumbotron:

<div class="jumbotron">
<h1>Bootstrap 教程</h1>
<p>Bootstrap 是最流行的 HTML、CSS...</p>
</div>

如果你想创建一个没有圆角的全屏幕，可以在 .jumbotron-fluid 类里头的 div 添加 .container 或 .container-fluid 类来实现:

<div class="jumbotron jumbotron-fluid">
<div class="container">
<h1>Bootstrap 教程</h1>
<p>Bootstrap 是最流行的 HTML、CSS...</p>
</div>
</div>