Bootstrap 4 Jumbotron
Bootstrap 4 Jumbotron
Jumbotron menunjukkan kotak abu-abu besar untuk meminta perhatian ekstra pada beberapa konten atau informasi khusus.
Tip: Di dalam jumbotron Anda dapat meletakkan hampir semua HTML yang valid, termasuk elemen/kelas Bootstrap lainnya.
Tutorial bootstrap
Bootstrap adalah kerangka kerja HTML, CSS, dan JS paling populer untuk mengembangkan proyek yang responsif dan mengutamakan seluler di web.
Gunakan <div>
elemen dengan kelas .jumbotron
untuk membuat jumbotron:
Contoh
<div class="jumbotron">
<h1>Bootstrap Tutorial</h1>
<p>Bootstrap is the most popular HTML, CSS...</p>
</div>
Jumbotron lebar penuh
Jika Anda menginginkan jumbotron lebar penuh tanpa batas bulat, tambahkan .jumbotron-fluid
kelas dan a .container
atau
.container-fluid
di dalamnya:
Contoh
<div class="jumbotron jumbotron-fluid">
<div
class="container">
<h1>Bootstrap Tutorial</h1>
<p>Bootstrap is the most popular HTML, CSS...</p>
</div>
</div>