Laktawan sa panguna nga sulud Laktaw sa docs navigation
Check
in English

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.

Placeholder 400x300
Usa ka caption alang sa imahe sa ibabaw.
html
<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 .

Placeholder 400x300
Usa ka caption alang sa imahe sa ibabaw.
html
<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;