Source

Nga whika

Nga tuhinga me nga tauira mo te whakaatu i nga whakaahua me nga tuhinga e pa ana me te waahanga ahua i Bootstrap.

I nga wa katoa ka hiahia koe ki te whakaatu i tetahi waahanga ihirangi-penei i te ahua me te tapanga taapiri, whakaarohia te whakamahi i te <figure>.

Whakamahia te whakaurunga .figure, .figure-imgme .figure-captionnga karaehe ki te whakarato i etahi momo ahua mo te HTML5 <figure>me <figcaption>nga huānga. Ko nga whakaahua kei roto i nga whika karekau he rahinga marama, no reira me taapiri atu te .img-fluidkaraehe ki a koe <img>kia aro mai.

400x300
He tapanga mo te ahua o runga.
<figure class="figure">
  <img src="..." 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>

He ngawari te whakaroa i te tapanga o te ahua me o maatau taputapu tuhinga .

400x300
He tapanga mo te ahua o runga.
<figure class="figure">
  <img src="..." 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>