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-img
me .figure-caption
nga 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 te .img-fluid
karaehe ki a koe <img>
kia aro mai.
<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 .
<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;