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.
No comments:
Post a Comment