Bootstrap4 超大屏幕

Bootstrap 4 大屏幕

大屏幕表示一个大的灰色框，用于引起对某些特殊内容或信息的额外注意。

提示：在大屏幕中，您可以放置几乎任何有效的 HTML，包括其他 Bootstrap 元素/类。

Bootstrap教程

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

用一个<div>具有类的元素.jumbotron创建一个大屏幕：

示例

<div class="jumbotron">
<h1>Bootstrap Tutorial</h1>
<p>Bootstrap is the most popular HTML, CSS...</p>
</div>

亲自试一试 »

全宽大屏幕

如果您想要一个没有圆形边框的全角大屏幕，请添加.jumbotron-fluid类和一个.container或者.container-fluid其内部：

示例

<div class="jumbotron jumbotron-fluid">
<div class="container">
<h1>Bootstrap Tutorial</h1>
<p>Bootstrap is the most popular HTML, CSS...</p>
</div>
</div>

亲自试一试 »