pinyinkpin - kali ini saya akan membahas bagaimana membuat gambar serta class-class gambar di bootstrap. di
bootstrap terdapat beberapa class yang di gunakan dalam sintak gambar. sintak gambar di bootstrap pun sama dengan di html yaitu <img></img> berikut adalah beberapa
class gambar yang di pakai dalam bootstrap. untuk gambar ini , kita masih dalam div class container. class berada pada sintak img, atau bisa di lihat <img src="source gambar" class="class img bootstrap" alt="" width="304" height="236"> -
pinyinkpin
Gambar bootstrap dengan class rounded
class gambar rounded dalam bootstrap memberi efek sudut siku-siku gambar berbentuk seperempat lingkaran . untuk sintaknya bisa di lihat
<img src="img/Desert.jpg" class="img-rounded" alt="desert" width="304" height="236">
 |
| Gambar bootstrap dengan class rounded |
Gambar bootstrap dengan class circle
class circle dalam bootstrap memberi efek gambar berbentuk ovel seperti bentuk telur pada gambar.
<img src="img/Desert.jpg" class="img-circle" alt="desert" width="304" height="236">
 |
| Gambar bootstrap dengan class circle |
Gambar bootstrap dengan class thumbnail
pada class thumbnail memberi efek gambar menjadi thumbnail. seperti gambar di bawah,,, tepi gambar masih ada ruang kosong, seperti foto.
 |
| Gambar bootstrap dengan class thumbnail |
<img src="img/Desert.jpg" class="img-thumbnail" alt="desert" width="304" height="236">
Gambar bootstrap dengan class responsive
class responsive biasa sering di pakai karena dalam hal seo lebih fast respon, untuk menampilkan gambar ini tidak ada efek khusus.
<img src="img/Desert.jpg" class="img-responsive" alt="desert" width="304" height="236">
mungkin hanya itu saja yang bisa saya sampaikan dalam posting
membuat gambar di web dengan bootstrap . apabila ada salah kata mohon di maafkan, bila ada pertanyaan bisa bertanya di komentar, terima kasih, salam by
pinyinkpin