Bootstrap 4 超大屏幕
Bootstrap 4 超大屏幕
Jumbotron(超大屏幕)会创建一个大的灰色背景框,里面可以设置一些特殊的内容和信息。
提示: Jumbotron 里头可以放一些 HTML标签,也可以是 Bootstrap 的元素。
超大屏幕实例
Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile-first projects on the web.
我们可以通过在 <div> 元素中添加 .jumbotron 类来创建 jumbotron:
实例
<div class="jumbotron">
<h1>Bootstrap Tutorial</h1>
<p>Bootstrap is the most popular HTML, CSS...</p>
</div>
全屏幕的 Jumbotron
如果你想创建一个没有圆角的全屏幕,可以在 .jumbotron-fluid 类里头的 div 添加 .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>