Nā huahelu

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.

<figure class="figure">
  <img src="..." class="figure-img img-fluid rounded" alt="...">
  <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 .

<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>

Sass

Nā mea hoʻololi

$figure-caption-font-size:          $small-font-size;
$figure-caption-color:              $gray-600;