Tutorial Gambar Bootstrap Bahasa Indonesia

Gambar responsif

Gambar datang dalam semua ukuran. Jadi lakukan layar. gambar responsif secara otomatis menyesuaikan agar sesuai dengan ukuran layar.

Membuat gambar responsif dengan menambahkan .img-responsive kelas ke tag. gambar maka akan skala baik untuk elemen induk.

The .img-responsive kelas berlaku display: block; dan max-width: 100%; dan height: auto; untuk gambar:

Contoh :

Lingkaran

The .img-circle kelas bentuk gambar ke lingkaran (IE8 tidak mendukung sudut dibulatkan):

Contoh :

Sudut tumpul

The .img-rounded kelas menambahkan sudut bulat untuk gambar (IE8 tidak mendukung sudut dibulatkan):

Contoh :