Membuat list dengan bootstrap

Bootstrap adalah framework css ,html dan javascript yang paling popular untuk membuat sebuah web yang responsive.

Kalau ada yang belum tau itu apa web responsive,web responsive itu singkatnya web yang akan otomatis menyesuaikan tampilan dengan ukuran layar device anda baik itu pc,tablet ataupun smartphone sehingga tampilan web tidak akan berantakan ketika dibuka dari perangkat yang lebih kecil.

Membuat list dengan bootstrap sesuai dengan judulnya kita akan memanfaatkan bootstrap untuk membuat list atau daftar.
Berikut kodenya :

Untuk membuat list ditengah saya membuat membuat list di dalam div yang berisi class col-md-4 col-md-offset-4 yang berarti ukuran kolom untuk list 4 dimana total dari semua adalah 12 dan saya memberikan class offset untuk mengeser kolom sebanyak 4 sehingga posisi list akan benar-benar di tengah md singkatan dari medium biasanya digunakan untuk ukuran layar pc resolusi kecil

Hasil dari kode diatas bisa dilihat pada gambar dibawah :

bona

Tidak ada komentar:

Posting Komentar

Instagram