Source

Cov duab

Cov ntaub ntawv thiab cov piv txwv rau kev nthuav tawm cov duab ntsig txog thiab cov ntawv nyeem nrog daim duab hauv Bootstrap.

Txhua lub sij hawm koj xav tau los tso saib ib qho ntawm cov ntsiab lus-xws li cov duab nrog ib qho kev xaiv kab lus, xav txog kev siv <figure>.

Siv cov suav nrog .figure, .figure-imgthiab .figure-captioncov chav kawm los muab qee cov qauv hauv qab rau HTML5 <figure>thiab <figcaption>cov ntsiab lus. Cov duab hauv cov duab tsis muaj qhov loj me, yog li nco ntsoov ntxiv cov .img-fluidchav kawm rau koj <img>kom nws teb tau.

400 x 300
Ib kab lus rau daim duab saum toj no.
<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>

Aligning daim duab lub npe yog ib qho yooj yim nrog peb cov ntawv siv hluav taws xob .

400 x 300
Ib kab lus rau daim duab saum toj no.
<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>