Tutorial Bootstrap 4 #23 : List Group Bootstrap 4


list group bootstrap 4

List Group Bootstrap 4 – Selamat datang kembali di seri tutorial bootstrap 4 di www.malasngoding.com.

Pada tutorial bootstrap 4 bagian ke 23 ini kita akan belajar tentang salah satu komponen bootstrap lagi. yaitu list group.

Pada seri tutorial bootstrap 3 sudah pernah dibahas pada tutorial sebelumnya, tentang cara membuat list dengan bootstrap.

Baca :

Pada tutorial ini akan dibahas tentang komponen list group bootstrap 4.

List Group Bootstrap 4

List Group adalah komponen yang disediakan oleh bootstrap untuk membuat konten list. List yang dimaksud sama seperti list yang kita buat menggunakan elemen list HTML.

Membuat list group dengan bootstrap 4

Perhatikan contoh berikut untuk cara membuat list (list group) dengan bootstrap.

hasilnya

list group bootstrap 4

list group bootstrap 4

Maka tampilan list group yang kita buat adalah seperti yang telihat pada gambar di atas.

Perhatikan pada contoh syntax di atas, untuk membuat list group kita bisa membuat class .list-group pada tag

TUTORIAL MENARIK LAINNYA

border bootstrap 4
tooltips bootstrap 4
spinners bootstrap 4
Diskusi
Tidak Ada Komentar

Tulis Komentar / Pertanyaan

Your email address will not be published. Required fields are marked *