MENU

Membuat Gambar Figures dengan Bootstrap 5

share:
...

Digital Cilacap - Kali ini kami akan membahas secara singkat mengenai cara Membuat Gambar Figures dengan Bootstrap 5. Apa sebenarnya gambar figur itu dan bagaimana codingannya? mari simak penjelasannya.

Apa itu gambar figures ?

Jika kamu pernah melihat halaman website yang muncul tampilan gambar dengan tulisan dibawah, itulah yang dimaksud gambar figur. Jika kita ingin menampilkan suatu gambar figures didalam HTML atau PHP yang kita buat dengan framework bootstrap, kita perlu menggunakan tag (figure) dan class (figure) juga.

Cara Membuat Gambar Figures dengan Bootstrap 5

Berikut cara menampilan gambar figur dengan bootstrap 5. Pertama copy code dibawah ini kedalam halaman html yang kita buat.

<figure class="figure">
  <img src="..." class="figure-img img-fluid rounded" alt="...">
  <figcaption class="figure-caption">A caption for the above image.figcaption>
< / figure>

atau juga bisa menggunakan kode ini:

<figure class="figure">
  <img src="..." class="figure-img img-fluid rounded" alt="...">
  <figcaption class="figure-caption text-end">A caption for the above image.figcaption>
< / figure>

jika kode diatas sudah dipaste, silahkan pada tulisan FILE GAMBAR, ubah sesuai dengan file gambar yang kalian ingin munculkan. Nanti setelah sudah diedit, silahkan cek halaman kalian di browser untuk melihat tampilannya.


Demikian beberapa langkah untuk membuat gambar figur. Semoga bermanfaat, kunjungi terus digitalcilacap.com untuk mendapatkan update terbaru seputar dunia perkodingan.

Mau buat website ? Aplikasi berbasis web ? di Digital Cilacap aja.
2022 - digitalcilacap.com