Hai teman-teman semuanya kembali lagi pada tutorial dumet schoo, gimana masih semangat belajarnya, pada kesempatan kali ini saya akan membahas tentang bootstrap 4 yaitu migration class image pada bootstrap 4.

Seperti yang kita tau bootstrap adalah salah satu framework css yang berguna untuk membuat website yang kita hasilkan dapat menyesuaikan layar patform yang kita gunakan, atau biasa kita sebut dengan responsive, nah pada bootstrap 3 terdapat banyak class class pada bootstrap 3 yang bisa gunakan, pada kasus kali ini kita akan lebih membahas pada class untuk penggunaan gambar, didalam bootstrap 3 class gambar yang ada ialah .img-responsive .img-circle img-rounded yang masing masing mempunyai fungsinya,

.img-responsive untuk membuat gambar yang responsive

.img-circle untuk membuat gambar menjadi berbentuk lingkaran

.img-rounded untuk membuat lengkungan pada sudut gambar

nah didalam bootstrap 4 terdapat migration class yang saya sebutkan tadi, untuk perubahan classnya seperti berikut ini:

  1. .img-responsive menjadi .img-fluid
  2. .img-circle menjadi .rounded-circle
  3. .img-rounded menjadi .rounded

Untuk penggunaannya masih sama seperti bootstrap 3, dan untuk contoh penulisannya adalah seperti berikut ini:

Teman-teman bisa mempraktekan sendiri pada script yang teman-teman buat, oke teman-teman untuk tutorial kali ini tentang migration class image pada bootstrap 4 saya rasa cukup sampai sini dulu, semoga tutorial kali ini dapat bermanfaat untuk teman-teman semuanya, sampai bertemu lagi pada tutorial berikutnya

Terima kasih