Style Images Yang Terdapat Pada Bootstrap

19/08/2014    Faizal Rafik    1011     Website

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

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More