Bootstrap4 Jumbotron

Jumbotron（超大屏幕）是Bootstrap4支持的一個(gè)特性，使用該功能可以增加標(biāo)題的大小，并為登陸頁面內(nèi)容添加更多的外邊距。

提示: Jumbotron 里頭可以放一些 HTML標(biāo)簽，也可以是 Bootstrap 的元素。

我們可以通過在 <div> 元素中添加 .jumbotron 類來創(chuàng)建 jumbotron:

實(shí)例

<div class="jumbotron"> <h1>小白教程</h1> <p>行動(dòng)比思想更具有力量，加油追夢(mèng)人?。?！</p> </div>

如果你想創(chuàng)建一個(gè)沒有圓角的全屏幕，可以在 .jumbotron-fluid 類里頭的 div添加 .container 或 .container-fluid 類來實(shí)現(xiàn):

<div class="jumbotron jumbotron-fluid"> <div class="container"> <h1>小白教程</h1> <p>行動(dòng)比思想更具有力量，加油追夢(mèng)人?。?！</p> </div> </div>

上一篇：Bootstrap4 圖像形狀下一篇：Bootstrap4 信息提示框