Saya adalah orang yang paling malas didunia ini, status saya adalah single berfaedah untuk dunia ini

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

    Tidak ada komentar