Source

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.

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.

400x300
Usa ka caption alang sa imahe sa ibabaw.
<figure class="figure">
  <img src=".../400x300" class="figure-img img-fluid rounded" alt="A generic square placeholder image with rounded corners in a figure.">
  <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 .

400x300
Usa ka caption alang sa imahe sa ibabaw.
<figure class="figure">
  <img src=".../400x300" class="figure-img img-fluid rounded" alt="A generic square placeholder image with rounded corners in a figure.">
  <figcaption class="figure-caption text-right">A caption for the above image.</figcaption>
</figure>