Tutorial Bootstrap Part 15 : Membuat List Groups di Bootstrap

Assalamu'alaikum W. W.

Abdul Hafid Gunawan - Hai Sobat setia SC Blog, Alhamdullilah sudah sampai Tutorial Bootstrap Part 15 ini, saya masih di berikan kesempatan untuk membagikan Ilmu saya ke teman" setia SC Blog.

PENGERTIAN

SleepingCodings - List Groups ialah Sebuah Fitur yang terdapat di Bootstrap yang di mana kita di haruskan memanggil Class dari List Groups untuk bisa menggunakannya.

LATAR BELAKANG

Untuk mempersingkat waktu dalam pembuatan front-end website, yang mempunyai prioritas responsive & praktis.

MAKSUD DAN TUJUAN

- Mampu menguasai, memahami dan menggunakan Bootstrap untuk mengembangkan skill Front-end Website.

ALAT DAN BAHAN

- Text Editor

PEMBAHASAN

1. BASIC LIST GROUPS

2. ACTIVE & DISABLED LIST GROUPS

    List Groups Active : Untuk menandai lokasi sekarang

    List Groups Disabled : Untuk meniadakan list groups

•  ACTIVE

•  DISABLED

3. LINKED LIST GROUPS

    Linked List Groups ini sebenarnya mudah sekali, tinggal kita mengganti yang tadinya menggunakan syntax <ul> <li>, kita tinggal mengganti <li> nya menjadi <a>, agar List Groups menjadi Linked List Groups. Contoh Penerapan :

4. CONTEXTUAL LIST GROUPS

    Contextual List Groups merupakan pemanipulasian List Group di bidang backgroundnya, di mana List Group nanti mempunyai background warna, dengan memanggil Class .list-group-success. Contoh Penerapannya :

KESIMPULAN

Membuat List Groups di Bootstrap sangat mudah & menghemat waktu.

REFERENSI

- www.w3schools.com/bootstrap4/bootstrap_list_groups.html

Wassalamu'alaikum W. W.