Bootstrap4 Jumbotron
Bootstrap4 Jumbotron
Jumbotron(超大屏幕)會創建一個大的灰色背景框,里面可以設置一些特殊的內容和信息。
提示: Jumbotron 里頭可以放一些 HTML標籤,也可以是 Bootstrap 的元素。
我們可以通過在 <div> 元素 中添加 .jumbotron 類來創建 jumbotron:
全屏幕的 Jumbotron
如果你想創建一個沒有圓角的全屏幕,可以在 .jumbotron-fluid 類里頭的 div添加 .container 或 .container-fluid 類來實現:
實例
<div class="jumbotron jumbotron-fluid">
<div class="container">
<h1>教程</h1>
<p>學的不僅是技術,更是夢想!!!</p>
</div>
</div>
嘗試一下 »