Mga numero

Dokumentasyon ug mga panig-ingnan alang sa pagpakita sa mga may kalabutan nga mga imahe ug teksto nga adunay sangkap nga numero sa Bootstrap.

Niini nga panid

Bisan unsang orasa kinahanglan nimo nga magpakita usa ka piraso sa sulud-sama sa usa ka imahe nga adunay opsyonal nga kapsyon, hunahunaa ang paggamit sa usa ka <figure>.

Gamita ang gilakip .figurenga , .figure-imgug .figure-captionmga klase aron mahatagan ang pipila ka mga istilo sa baseline para sa HTML5 <figure>ug <figcaption>mga elemento. Ang mga hulagway sa mga numero walay klaro nga gidak-on, busa siguruha nga idugang ang .img-fluidklase sa imong <img>aron mahimo kini nga responsive.

Usa ka caption alang sa imahe sa ibabaw.

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

Ang pag-align sa caption sa numero dali ra sa among text utilities .

Usa ka caption alang sa imahe sa ibabaw.

<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

Mga variable

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