Source

Nā huahelu

Nā palapala a me nā hiʻohiʻona no ka hōʻike ʻana i nā kiʻi pili a me nā kikokikona me ka ʻāpana kiʻi ma Bootstrap.

I kēlā me kēia manawa pono ʻoe e hōʻike i kahi ʻāpana maʻiʻo—e like me ke kiʻi me kahi caption koho, e noʻonoʻo e hoʻohana i kahi <figure>.

E hoʻohana i nā .figure, .figure-imga me .figure-captionnā papa e hāʻawi i kekahi mau kaila kumu no ka HTML5 <figure>a me <figcaption>nā mea. ʻAʻohe nui o nā kiʻi i loko o nā kiʻi, no laila e ʻoluʻolu e hoʻohui i ka .img-fluidpapa i kāu <img>e pane ai.

400x300
He caption no ke kiʻi ma luna.
<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>

He mea maʻalahi ka hoʻohālikelike ʻana i ke kiʻi kiʻi me kā mākou mea pono kikokikona .

400x300
He caption no ke kiʻi ma luna.
<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>