Mudah Cara Membuat Jumbotron Pada Bootstrap

Assalamu'alaikum Wr.Wb

Salam Dan Bahagia

Pendahuluan
       Pada kali ini saya akan membagikan sedikit tutorial nih bagaimana sih cara membuat Jumbroton pada Bootstrap, nah langsung saja dibaca dan dipahami serta dipraktikkan ya.

Latar Belakang
     Ingin mempelajari bagaimana cara menambahkan  class jumbotron di dalam HTML dengan bootstrap.

Maksud Dan Tujuan

   Agar mengerti dan paham tentang macam-macam jumbroton dan cara membuatnya atau menerapkannya.

Alat dan bahan

      Laptop.

      Teks Editor.

Jangka Waktu yang Dibutuhkan

      30 Menit.

Pembahasan atau langkah Kerja

      Oke sebelumnya apasih Jumbotron Itu? Jumbotron merupakan semacam bentuk yang di buat untuk sebagai macam pengumuman,konten khusus atau informasi tentang halaman website tersebut. jumbotron berisi text di dalamnya yang bebas anda customize sesuai keinginan Sobat.

Nah Di Jumbotron Sendiri kita dapat menambahkan class container sendiri agar dibagian sisi kanan atau kiri jumbotron memiliki space.

Untuk membuat jumbotron biasanya kita dapat menggunaan element <div>. untuk lebih jelasnya silahkan.

perhatikan pada contoh berikut ini :

Nah Dari Source Code diatas jika dibuka di Browser maka tampilannya akan Seperti ini :

Nah Dari Contoh gambar diatas Sudah terlihat bahwa dibagian kanan kiri terdapat space, Disitu saya tambagkan tag Container Sehingga dibagian kanan kiri terdapat space kosong tidak full

Nah Gimana Mudah Bukan?

      Dengan adanya Jumbotron pada bootstrap ini kita jadi lebih mudah membuat apa yang harus dibuat atau kita tambahkan di bagian Jumbotron ini.

Sekian yang dapat saya sampaikan, mohon maa bila ada kesalahan dalam penulisan maupun tatabahasa, sekian dan terima kasih.

Wassalamu'alaikum Wr.Wb