Salam hangat teman-teman, semoga teman-teman sehat selalu ya, Kali ini saya akan mencoba membagi Cara Membuat List Group Menggunakan Bootstrap.

Terkadang teman-teman ingin menambahkan suatu menu pilihan di dalam suatu website misalkan memilih modul pembelajaran. dengan framework bootstrap kita tidak usah susah-susah lagi dalam membuat suatu menu pilihan. dengan class list-group teman-teman sudah bisa membuat suatu item untuk di pilih.

Sekarang saya akan mencoba membuattutorial singkatnya,  tentang Cara Membuat List Group Menggunakan Bootstrap:

– Pertama teman-teman download framework bootstrapnya dulu.

– Kedua buka text editor teman-teman lalu buka file bootstrap yang telah kita download dan buat file index.html dengan cara mengcopy default html yang sudah ada di website bootstrap, jangan  lupa save di dalam folder bootstrap teman-teman.

– Ketiga kita buat list-groupnya. Berikut kode html-nya sebagai contoh:

Setelah di jalankan di browser akan menjadi seperti ini:

Cara Membuat List Group Menggunakan Bootstrap

– Ke-empat kita buat custom.css nya dan save di folder css bootstrap teman-teman untuk mempercantik tampilannya sedikit. Berikut custom.css nya:

Jangan lupa untuk menghubungkan css custom yang telah kita buat dengan html dengan mengetikan kode di bawah:

coba refresh browser teman-teman, maka tampilannya akan menjadi seperti ini:

Cara Membuat List Group Menggunakan Bootstrap

 

Bagaimana teman-teman cukup mudahkan Membuat List Group Menggunakan Bootstrap.

Sekian artikel saya hari ini tentang Cara Membuat List Group Menggunakan Bootstrap.

Sehat selalu ya teman-teman, selamat mencoba.