Menampilkan Gambar pada Bootstrap

Kali ini saya akan membahas cara untuk menampilkan suatu gambar pada BOOTSTRAP. Sebelumnya kita sudah membahas beberapa yaitu Cara Penggunaan Bootstrap, Membuat Tabel dengan Bootstrap, dan Cara Mengganti Warna pada Bootstrap. Untuk kali ini yaitu cara menampilkan gambar pada BOOTSTRAP. 

Untuk gambar tersedia 3 setting yang bisa anda gunakan. yaitu:

• image rounded
• image thumbnail
• image circle

jika hanya untuk menampilkan gambar, source code yang digunakan adalah sebagai berikut:

<img src="net02option.jpg" alt="NET02OPTION.BLOGSPOT.COM">

Namun untuk beberapa variasi setting yang telah disebutkan di atas yaitu sebagai berikut:

IMAGE THUMBNAIL

Seperti yang terlihat pada gambar class yang digunakan untuk gambar tersebut adalah img-thumbnail . 

IMAGE ROUNDED

 Seperti yang terlihat pada gambar class yang digunakan untuk gambar tersebut adalah img-rounded


IMAGE CIRCLE

 Seperti yang terlihat pada gambar class yang digunakan untuk gambar tersebut adalah img-circle



Terimakasih telah membaca uraian singkat. Semoga bermanfaat untuk semua pembaca yang telah berkunjung.