Tutorial Bootstrap Part 7 : Jumbotron pada Bootstrap

Assalamu'alaikum Wr. Wb.

A). Pendahuluan
     Bertemu lagi di blog TONI | BLC  Telkom. Pada kesempatan kali ini saya akan menjelaskan / sharing tentang jumbotron di bootstrap. Sebelumnya kalian tahu tidak apa itu jumbotron dan penggunaan jumbotron itu ada berapa? Kalau belum tahu lihat blog saya di bawah ini.

B). Latar Belakang
     Hampir seluruh design template website sekarang ini rata-rata semua menggunakan jumbotron untuk memberi informasi tentang halaman website pada halaman depannya. jumbotron bootstrap juga dapat anda modifikasi sendiri dengan menambahkan css anda sendiri dan dapat anda design sesuai dengan keinginan anda.

C). Maksud dan Tujuan
      Agar kalian tahu apa itu jumbotron dan kegunannya untuk apa

D). Pembahasan
      Jumbotron merupakan semacam bentuk yang di buat untuk tujuan membuat semacam pengumuman, konten khusus atau informasi tentang halaman website. biasanya jumbotron di buat pada halaman depan website. secara default tampilan umum jumbotron bootstrap berwarna abu-abu dengan sisi bulat pada tiap sudut jumbotron.

Penggunaan jumbotron ada 2 yaitu :

  1. jumbotron
      Jumbotron biasa memiliki nilai / class seperti container yang memiliki width 85% ukuran layar.

    2. jumbotron-fluid

        Jumbotron Fluid memiliki nilai / class yang sama seperti container-fluid yang mana, jumbotron tersebut memiliki width 100%.


Contoh jumbotron dan jumbotron fluid :

   Scriptnya:
   
   Hasil Script:

Ket: Yang atas tidak pakai jumbotron-fluid 
        sedangkan yang bawah pakai jumbotron-fluid


E). Kesimpulan

      Penggunaan Jumbotron sangatlah mudah, Jumbotron biasa di gunakan untuk penanda Dashboard.


F). Referensi 

      https://www.w3schools.com/bootstrap4/bootstrap_jumbotron.asp


Cukup sekian informasi yang dapat saya berikan pada hari ini, jika ada kesalahan mohon maaf semuanya. Terima kasih telah mengunjungi blog saya dan jangan lupa untuk mengikuti dan membaca selalu postingan di blog saya yang saat ini masih biasa-biasa saja.
  ~ Wassalamu'alaikum Wr. Wb. ~

Tidak ada komentar:

Posting Komentar