Holo i ka ʻike nui Holo i ka hoʻokele docs
in English

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.

Ma kēia ʻaoʻao

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.

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

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