Bootstrap 5 TutorialLesson 9Preview gratis
BS5 Images
Lesson ini bagian dari Bootstrap · Semua level
Ringkasan
Bootstrap membuat gambar responsif dengan .img-fluid yang menerapkan max-width 100 persen dan tinggi otomatis agar gambar tidak meluber. Kelas seperti .rounded dan .rounded-circle memberi sudut membulat, sedangkan .img-thumbnail memberi bingkai bergaya pratinjau. Selalu berikan atribut alt pada gambar untuk aksesibilitas.
Poin kunci
- .img-fluid membuat gambar menyesuaikan lebar maksimal induknya.
- .rounded, .rounded-circle, .rounded-start, dan .rounded-end mengatur bentuk sudut.
- .img-thumbnail menambahkan bingkai putih dengan sudut membulat.
- Selalu tulis atribut alt sebagai deskripsi gambar.
- Padukan dengan utilitas lebar seperti .w-25 untuk membatasi ukuran gambar.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.