Tutorial Bootstrap Part 7 : Jumbotron
Oke pada kesempatan kali ini rekayasaternaklele akan membahas tentang Jumbotron pada Bootstrap
Judul
Tutorial Bootstrap Part 7 : Jumbotron
Pengertian
Menurut Wikipedia, Bootstrap adalah sebuah alat bantu untuk membuat sebuah tampilan halaman website yang dapat mempercepat pekerjaan seorang pengembang website ataupun pendesain halaman website. Sesuai namanya, website yang dibuat dengan alat bantu ini memiliki tampilan halaman yang sama / mirip dengan tampilan halaman Twitter atau desainer juga dapat mengubah tampilan halaman website sesuai dengan kebutuhan.
Latar Belakang
Mencari kemudahan dalam membuat front-end website yang cepat,responsive dan praktis sehingga kita tidak perlu menulis kode CSS dari nol.
Maksud dan Tujuan
Memahami dan bisa menggunakan Bootsrap sehingga pengembangan fron end website lebih efektif dan efisien.
Alat dan Bahan
Text Editor dan PC
Jangka Waktu
1 Jam
Pembahasan
Jumbotron merupakan class yang telah tersedia di Bootstrap yang bisa kita gunakan untuk meletakkan content yang berukuran cukup besar misalnya seperti untuk membuat header web ataupun content-content gambar yang di rasa membutuhkan ukuran yang cukup besar.
Hampir semua website sekarang menggunakan jumbotron di halaman depannya. Karena Jumbotron pada Bootsrap dapat kita modifikasi sesuai keinginan.
Berikut cara penggunaan Jumbotron :
Full-width Jumbotron
jika ingin membuat jumbotron memiliki full width, tambahkan class jumbotron-fluid
Hampir semua website sekarang menggunakan jumbotron di halaman depannya. Karena Jumbotron pada Bootsrap dapat kita modifikasi sesuai keinginan.
Berikut cara penggunaan Jumbotron :
Full-width Jumbotron
jika ingin membuat jumbotron memiliki full width, tambahkan class jumbotron-fluid
Kesimpulan
Referensi
https://www.w3schools.com/bootstrap4/bootstrap_jumbotron.asp
Jumbotron digunakan untuk meletakkan content yang berukuran cukup besar misalnya seperti untuk membuat header web ataupun content-content gambar yang di rasa membutuhkan ukuran yang cukup besar.
Referensi
0 Response to "Tutorial Bootstrap Part 7 : Jumbotron"
Post a Comment