Bootstrap images

Bootstrap images adalah judul pada tutorial yang kita bahas kali ini, mari kita simak fungsi gambar dan cara pembuatannya dengan menggunakan Bootstrap agar tampil dihalaman website kita.

Fungsi gambar pada website

Gambar meberikan efek yang sangat besar terhadap web, berikut ini fungsi gambar pada website.

1. Membuat template web menjadi menarik.
2. gambar memberikan efek menguatkan kata kunci atau keyword yang dibidik terhadap website kita.
3. Memudahkan seseorang untuk memahami artikel atau tutorial yang dibaca.

Bootstrap images

Bootstrap images adalah bagaimana cara menampilkan gambar pada halaman website menggunakan framework bootstrap.
Bootstrap menyediakan tiga class yang dapat digunakan untuk menerapkan beberapa gaya sederhana untuk gambar, class-class tersebut adalah :

1. .img-rounded berfungsi menambahkan border-radius: 6px untuk memberikan gambar sudut bulat ( sudut melengkung ).
2. .img-circle berfungsi membuat seluruh gambar bulat dengan menambahkan border-radius: 500px.
3. .img-thumbnail berfungsi menambahkan sedikit padding dan membuat bingkai berwarna abu-abu.

Note : Hati-hati dalam penggunaan gambar pada website, jangan terlalu berlebihan, karena bisa memberatkan loading pada saat menambilkan website kita, sehingga calon pembaca malas kembali ke website kita.

See the Pen Bootstrap Images by yoris (@yoris) on CodePen.

Demikianlah tutorial Bootstrap images, Selamat mencoba.