Tutorial Bootstrap Part 13 : List Groups

Assalamu'alaikum W.W

Oke pada kesempatan kali ini rekayasaternaklele akan membahas tentang List Groups pada Bootstrap

Judul
Tutorial Bootstrap Part 13 : List Groups

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
List-Group
Untuk mmebuat List GroupsPertama kalian bisa buat tag <ul> kemudian didalam tag <ul> kalian bisa tambahakan class list-group. Kemudain didalan tag <li>, kalian bisa tambahkan class list-group-item. Berikut adalah contoh penggunaannya :


Linked Item
Didalam list group ini kalian juga bisa mengkelompokan daftar itemnya, cara kalian bisa gunakan tag <a> bukan tag <li>, kemudian tag <a> tersebut kita bungkus menggunakan tag <div>. Berikut adalah contoh penggunaannya :

Kesimpulan

Progress Bar digunakan untuk menunjukkan pengguna seberapa jauh progresnya di dalam proses.

Referensi

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

Share this post