Figearan

Sgrìobhainnean agus eisimpleirean airson a bhith a’ taisbeanadh ìomhaighean agus teacsa co-cheangailte ris a’ phàirt figear ann am Bootstrap.

Air an duilleig seo

Uair sam bith a dh’ fheumas tu pìos susbaint a thaisbeanadh - mar ìomhaigh le tiotal roghainneil, smaoinich air faidhle <figure>.

Cleachd na .figure, .figure-imgagus .figure-captionclasaichean a tha air an gabhail a-steach gus cuid de stoidhlichean bun-loidhne a thoirt seachad airson an HTML5 <figure>agus na h- <figcaption>eileamaidean. Chan eil meud soilleir aig ìomhaighean ann am figearan, mar sin bi cinnteach gun cuir thu an .img-fluidclas riut <img>gus a dhèanamh freagairteach.

Ceann-sgrìobhadh airson an dealbh gu h-àrd.

<figure class="figure">
  <img src="..." class="figure-img img-fluid rounded" alt="...">
  <figcaption class="figure-caption">A caption for the above image.</figcaption>
</figure>

Tha e furasta tiotal an fhigear a cho-thaobhadh leis na goireasan teacsa againn .

Ceann-sgrìobhadh airson an dealbh gu h-àrd.

<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

Caochlaidhean

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