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 .jumbotronuntuk 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-fluidkelas dan a .containeratau .container-fluiddi 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>