Bootstrap
Apa itu Jumbotron?

Apa itu Jumbotron? – Pada artikel kali ini belajar menggunakan Jumbotron pada Bootstrap. Apa itu Jumbotron? Jumbotron adalah satu element yang dibuat untuk tujuan membuat semacam pengumuman,konten khusus atau informasi tentang halaman website.

Sekarang, hampir tiap website menggunakan Jumbotron pada halaman depan mereka. Biasanya Jumbotron ini berwarna grey atau lebih gelap dari warna template website tersebut.

Baca juga: Contoh dan Cara Penggunaan Gambar pada Bootstrap.

TIP: Di dalam Jumbotron, kita bisa menambahkan script valid HTML, termasuk element dan/atau class lainnya.

Bagaimana Menggunakan Jumbotron pada Bootstrap?

Kita bisa memanggil class ini menggunakan element <code<<div>, lebih jelasnya mari kita praktekkan.
Buat satu file HTML, lalu pastekan kode berikut.
[html]

Bootstrap Tutorial | codelatte.id

Belajar menggunakan Jumbotronpada Bootstrap.

[/html]

Maka hasilnya akan menjadi seperti ini,

Contoh Penggunaan Jumbotron
Contoh Penggunaan Jumbotron

Kita juga bisa membuat tampilan Jumbotron agar memenuhi layar. Caranya? Lihat contoh dibawah,

See the Pen Contoh Penggunaan Jumbotron | codelatte.id by Abay (@abaykan) on CodePen.

Sekian pembahasan tentang Jumbotron, semoga bermanfaat dan apabila masih bingung atau ada pertanyaan, silahkan tinggalkan komentar dibawah.

6 CommentsClose Comments

6 Comments

  • LashRejuv
    Posted 31 July 2018 at 9:46 PM 0Likes

    Thanks for a marvelous posting! I quite enjoyed reading it, you’re a great author.I will always bookmark
    your blog and may come back in the foreseeable future.

  • LashRejuv
    Posted 31 July 2018 at 9:46 PM 0Likes

    Thanks for a marvelous posting! I quite enjoyed reading it, you’re a great author.I
    will always bookmark your blog and may come back in the foreseeable future.
    I want to encourage continue your great work, have
    a nice afternoon!

  • Keto Loss
    Posted 7 October 2018 at 12:34 AM 0Likes

    Thank you for some other informative web site.
    The place else could I get that kind of information written in such a perfect means?

  • Snore B Gone
    Posted 7 October 2018 at 5:28 AM 0Likes

    I am glad to be a visitor of this sodding blog, regards for
    this rare info!

  • Forskolin Review
    Posted 18 October 2018 at 5:44 AM 0Likes

    I read this piece of writing fully about the difference of most up-to-date
    and earlier technologies, it’s amazing article.

  • Agus
    Posted 13 September 2019 at 1:42 AM 0Likes

    Aneh ,ko banyak yg komen orang nyasar,
    Yg guasuka dari web ini langsung aja,dan yang penting tidak dilangkah,untuk pemula refern lah ,trm bro

Leave a Reply