Membuat Tampilan Halaman Gallery Dengan Bootstrap

Hallo teman-teman DUMET School, pada tutorial kali ini saya akan mengajarkan bagaimana caranya membuat tampilan halaman gallery dengan bootstrap. Bootstrap adalah sebuah framework CSS yang berfungsi untuk membuat tampilan website menjadi responsive atau dapat menyesuaikan di berbagai ukuran layar device. Dengan bootstrap kita mampu membuat tampilan website dengan cepat, rapih, clean, dan masih banyak lagi. Nah di bawah ini kita akan coba membuat tampilan halaman gallery yang sederhana dengan bootstrap. Baik kita akan coba langsung membuatnya saja ya teman-teman.

Bahan pertama yang perlu kalian siapkan adalah file bootstrap yang bisa kalian download di website getbootstrap.com, setelah kalian download kalian akan memiliki struktur file bootstrap seperti gambar di bawah ini.

Selanjutnya kalian bisa buat satu file dengan nama index.html, dan panggil beberapa file bootstrap seperti CSS dan jQuery seperti gambar di bawah ini.

Berikutnya kalian bisa buat struktur HTML nya seperti gambar di bawah ini.

Dan hasilnya akan seperti gambar di bawah ini.

Mudah ya teman-teman, nah buat teman-teman yang ingin mencopy baris program di atas, teman-teman bisa mendownloadnya di link download di bawah ini.

Demo | Download