W3Cschool
恭喜您成為首批注冊用戶
獲得88經(jīng)驗值獎勵
Jumbotron(超大屏幕)會創(chuàng)建一個大的灰色背景框,里面可以設置一些特殊的內(nèi)容和信息。
在 Bootstrap 3 中引入了一個 jumbotron 來創(chuàng)建一個大的背景框,用于顯示一些重要的信息。
在 Bootstrap 5 中,已經(jīng)不再支持 Jumbotron。但是,我們可以使用 <div> 元素添加一些輔助類與顏色類來達到相同的效果:
提示: Jumbotron 里頭可以放一些 HTML標簽,也可以是 Bootstrap 的元素。
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap5 實例</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="external nofollow" target="_blank" rel="stylesheet">
<script src="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/js/bootstrap.bundle.min.js" rel="external nofollow" ></script>
</head>
<body>
<div class="container mt-3">
<h2>超大屏幕實例</h2>
<div class="mt-4 p-5 bg-primary text-white rounded">
<h1>W3Cschool</h1>
<p>html教程</p>
<p>CSS教程</p>
<p>JavaScript教程</p>
</div>
</div>
</body>
</html>
Copyright©2021 w3cschool編程獅|閩ICP備15016281號-3|閩公網(wǎng)安備35020302033924號
違法和不良信息舉報電話:173-0602-2364|舉報郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號
聯(lián)系方式:
更多建議: