menampilkan gambar dengan bootstrap

ASSALAMU'ALLAIKUM WR.WB

A. Pendahuluan

     Hallo kawan pada hari ini saya akan memberitahukan cara memasukan gambar dengan bootstrap ,langsung saja saya mulai.

B. Pembahasan

    Bootstrap menyediakan class untuk mengatur gambar sesuai dengan keinginan, misalnya membuat gambar dengan bentuk rounder, circle(lingkaran) dan gambar yang responsive. Berikut ini di jelaskan tentang beberapa class bootstrap yang bisa di gunakan untuk membuat memanipulasi tampilan gambar pada bootstrap

• img-rounded
  class img-rounded di gunakan untuk membuat gambar berbentuk round atau pada sisi sudut gambar memiliki bentuk melengkung.
• img-circle
  class img-circle di gunakan untuk membuat gambar dengan bentuk lingakaran.
• img-thumbnail
  class img-thumbnail di gunakan untuk membuat gambar thumbnail dengan bootstrap.

Contohnya :

IMG-ROUNDED

IMG-CIRCLE

IMG-THUMBNAIL

C. Kesimpulan

       Nah, pada Bootstrap 4 ini kita bisa menggunakan kedua class tersebut yaitu .img-thumbnail & rounded. Namun, di Bootstrap 4 sudah menghilangkan class .img-responsive, .img-circle, sekarang bootstrap 4 hanya memakai dua class yang di sediakan di Bootstrap 4.

SEKIAN DARI SAYA SEMOGA BLOG SAYA BERMANFAAT!!!!!!!!

WASSALAMU'ALLAIKUM WR.WB