Tīpoka ki te ihirangi matua Tīpoka ki te whakaterenga tuhinga
Check
in English

Nga whika

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

I tenei wharangi

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.

Placeholder 400x300
He tapanga mo te ahua o runga.
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>

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

Placeholder 400x300
He tapanga mo te ahua o runga.
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

Taurangi

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