Imibare

Inyandiko n'ingero zo kwerekana amashusho hamwe ninyandiko hamwe nibice bigize ishusho muri Bootstrap.

Kuriyi page

Igihe icyo ari cyo cyose ukeneye kwerekana igice cyibirimo-nkishusho ifite ibisobanuro byanditse, tekereza gukoresha a <figure>.

Koresha ibyashyizwemo .figure, .figure-imghamwe .figure-captionnamasomo kugirango utange uburyo bwibanze bwa HTML5 <figure>nibintu <figcaption>. Amashusho mumibare nta bunini bugaragara, bityo rero wemeze kongeramo .img-fluidicyiciro kugirango <img>ukore neza.

Ibisobanuro ku ishusho yavuzwe haruguru.

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

Guhuza igishushanyo cyanditse biroroshye hamwe nibikorwa byingirakamaro .

Ibisobanuro ku ishusho yavuzwe haruguru.

<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

Ibihinduka

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