Dalam bootstrap telah menyediakan berbagai Class yang nantinya akan mempermudah kita untuk membuat suatu website. Dalam kesempatan kali ini saya akan membuat contoh tentang Mengatur gambar pada bootstrap.
Di bawah ini ada beberapa Class Bootstrap yang bisa di guakan
teman-teman
untuk membuat manipulasi tampilan gambar pada Bootstrap :
- .img-responsive
Clas ini berfungsi untuk membuat gambar menjadi responsive saat di jalankan pada semua bentuk dan ukuran resolusi
- img-rounded
Class ini berfungsi untuk membuat gambar berbentuk round atau ada sisi sudut gambar ini memiliki bentuk melengkung.
- img-circle
Class ini berfungsi untuk membuat gambar dengan bentuk lingkaran.
- img-thumbnail
Class ini berfungsi untuk membuat gambar thumbnail dengan Bootstrap.
Contoh dari rincian di atas
Menampilkan gambar dengan thumbnail
di bawah adalh hasil dari script di atas.
Menampilakan gambar dengan circle.
hasil dari script diatas adalah sebagai berikut
Menampilakan gambar dengan class rounded
Hasil dari script di atas adalah sebaigai berikut
Menampilakn gambar dengan class responsive
Hasil dari script diatas adalah sebagai berikut.
Tidak ada komentar :
Posting Komentar