Bootstrap4 教程

Bootstrap4 Jumbotron

Jumbotron(超大屏幕)是Bootstrap4支持的一个特性,使用该功能可以增加标题的大小,并为登陆页面内容添加更多的外边距。

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

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

实例

<div class="jumbotron"> <h1>小白教程</h1> <p>行动比思想更具有力量,加油追梦人!!!</p> </div>

运行代码 »

全屏幕的 Jumbotron

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

实例

<div class="jumbotron jumbotron-fluid"> <div class="container"> <h1>小白教程</h1> <p>行动比思想更具有力量,加油追梦人!!!</p> </div> </div>

运行代码 »

用微信扫一扫

收藏