Tutorial image bootstrap Terbaik Pada tahun 2024, Dalam tutorial ini Anda dapat mempelajari contoh,<Img> kelas,image responsif,contoh,
Dalam bab ini, kita akan belajar dukungan Bootstrap untuk gambar. Bootstrap menyediakan tiga dapat diterapkan pada gambar sederhana kelas gaya:
Perhatikan contoh berikut menunjukkan:
Hasilnya adalah sebagai berikut:
Kelas berikut tersedia untuk gambar apapun.
kategori | deskripsi | contoh |
---|---|---|
.img-bulat | Menambahkan fillet gambar (IE8 tidak mendukung) | mencoba |
.img-lingkaran | gambar menjadi melingkar (IE8 tidak mendukung) | mencoba |
.img-thumbnail | thumbnail | mencoba |
.img-responsif | Gambar Responsif (akan baik untuk skala elemen induk) | mencoba |
Dengan <img> tag untuk menambahkan img-responsif kelas dukungan gambar untuk membuat desain responsif. Gambar akan baik skala untuk elemen induk.
img-responsif kelas max-width: 100%; dan height: auto; gaya diterapkan pada gambar: