Style Images Yang Terdapat Pada Bootstrap

Pada tutorial kali ini saya ingin mengajarkan bagaimana caranya menggunakan style-style images yang terdapat pada Bootstrap. Style images pada Bootstrap memiliki 3 style yaitu image-rounded, images-circle, images-thumbnail. Berikut cara menggunakan ketiga style images yang terdapat pada Bootstrap.

Kalian bisa menambahkan class berikut ini pada tag <img>, untuk membuat efek atau style images yang terdapat pada Bootstrap :

 .img-rounded : Memberikan style rounded pada sudut-sudut images sebesar 6px.

.img-circle : Membuat images menjadi bulat dengan border-radius : 500px.

.img-thumbnail : Terdapat sedikit jarak dalam (padding), dan border pada style images ini.

Berikut adalah contoh penggunannya :

Images Rounded

Images Circle

Images Thumbnail