Bootstrap : Mengatur Tampilan gambar dengan Bootstrap

Assalammalaikum Wr. Wb.

Kali ini saya akan sharing mengenai cara mengatur tampilan gambar dengan Bootstrap, untuk lebih lengkapnya, kita simak pembahasan berikut....

A. PENDAHULUAN

Pengertian

Gambar merupakan sebuah file yang berbentuk grafis dan dapat dilihat.

Latar Belakang

Ingin mengatur gambar dengan Bootstrap.

Maksud dan Tujuan

Dapat Mengatur tampilan gambar dengan Bootstrap.

B. ALAT DAN BAHAN

Text Editor.
Web Browser.
Library Bootstrap.
1 Unit PC/Laptop.

C. JANGKA WAKTU PELAKSANAAN

Sekitar 5 menit.

D. RANGKAIAN KEGIATAN

Definisi Gambar

Gambar merupakan suatu file yang dapat dilihat dalam bentuk grafis.

Cara Penulisan pengatura gambar pada Bootstrap

di Bootstrap, kita dapat mengatur gaya tampilan gambar dengan class class yang telah ditentukan, beberapa class tersebut diantaranya adalah :

img-rounded digunakan untuk memberi efek sudut dibulatkan atau diberi border radius. sehingga pinggirnya agak tumpul.
img-circle digunakan untuk memberi efek lingkaran pada gambar yang dimasukkan, sehingga gambarnya nanti akan berbentuk lingkaran.
img-thumbnail digunakan untuk memberi padding pada pinggir gambar, memberi garis tepi dan juga memberi ruang antara border dengan gambar.
img-responsive digunakan untuk membuat gambar menjadi responsif.

berikut merupakan contoh penggunaan class gambar dengan bootstrap