Source

ຕົວເລກ

ເອກະສານແລະຕົວຢ່າງສໍາລັບການສະແດງຮູບພາບທີ່ກ່ຽວຂ້ອງແລະຂໍ້ຄວາມທີ່ມີອົງປະກອບຕົວເລກໃນ Bootstrap.

ທຸກຄັ້ງທີ່ເຈົ້າຕ້ອງການສະແດງເນື້ອຫາໃດໜຶ່ງ ເຊັ່ນ: ຮູບພາບທີ່ມີຄຳບັນຍາຍທາງເລືອກ, ໃຫ້ພິຈາລະນາໃຊ້ <figure>.

ໃຊ້ລວມ .figure, .figure-imgແລະ .figure-captionຊັ້ນຮຽນເພື່ອໃຫ້ບາງຮູບແບບພື້ນຖານສໍາລັບ HTML5 <figure>ແລະ <figcaption>ອົງປະກອບ. ຮູບພາບໃນຕົວເລກບໍ່ມີຂະຫນາດທີ່ຊັດເຈນ, ດັ່ງນັ້ນໃຫ້ແນ່ໃຈວ່າຈະເພີ່ມ .img-fluidຊັ້ນຮຽນຂອງທ່ານ <img>ເພື່ອເຮັດໃຫ້ມັນຕອບສະຫນອງ.

400x300
ຄຳບັນຍາຍສຳລັບຮູບຂ້າງເທິງ.
<figure class="figure">
  <img src="..." class="figure-img img-fluid rounded" alt="A generic square placeholder image with rounded corners in a figure.">
  <figcaption class="figure-caption">A caption for the above image.</figcaption>
</figure>

ການຈັດຮຽງຄຳບັນຍາຍຂອງຮູບແມ່ນງ່າຍດ້ວຍ ຕົວໜັງສື ຂອງພວກເຮົາ .

400x300
ຄຳບັນຍາຍສຳລັບຮູບຂ້າງເທິງ.
<figure class="figure">
  <img src="..." class="figure-img img-fluid rounded" alt="A generic square placeholder image with rounded corners in a figure.">
  <figcaption class="figure-caption text-right">A caption for the above image.</figcaption>
</figure>