Mengatur Gambar Bootstrap

Muhammad Aqshol Rifanza - Setelah tadi kita sudah Mengenal Bootstrap dan Membuat Tabel Bootstrap, kali ini kita akan membuat tampilan gambar pada bootsrap.

Bootstrap memiliki class untuk mengatur gambar sesuai keinginan kita. Kitahanya perlu mengingat dan memahami classnya saja. Adapun beberapa class Bootstap yang dapat digunakan untuk mendesain web

• img-responsive : Untuk membuat gambar responsive pada saat dijalankan pada semua bentuk ukuran dan resolusi

img-rounded : Untuk membuat gambar berbentuk rounded yaitu sisi samping dari gambar            akan melengkung

img-circle : Untuk membuat gambar menjadi bulat

img-thumbnail : Untuk membuat gambar tumbnail

Proses dan Tahapan

Ketika tab dikecilkan maka gambar - gambar tersebut akan mengikuti ukuran layar. Jadi sebuah website yang menggunakan Bootstrap ketika kita buka web tersebut menggunakan smartphone / hp ukuran gambar tersebut akan sesuai mengikuti layar.


Kesimpulan

Kita dapat dengan mudah memanipulasi gambar dengan Bootstrap ini. Dan sedikit saran dari saya Anda tidak bisa menggunakan class "img-rounded" dan "img-circle" pada Internet Explorer 8 dan versi di bawahnya. Dua class bootstrap ini tidak bisa bekerja di browser bawaan Microsoft Windows tersebut, karena belum sepenuhnya mendukung property CSS 


Referensi

• http://www.script-kiddies.org