Ffigurau

Unrhyw bryd y mae angen i chi arddangos darn o gynnwys - fel delwedd gyda chapsiwn dewisol, ystyriwch ddefnyddio <figure>.

.figureDefnyddiwch y , .figure-imga'r dosbarthiadau sydd wedi'u cynnwys .figure-captioni ddarparu rhai arddulliau sylfaenol ar gyfer yr HTML5 <figure>a'r <figcaption>elfennau. Nid oes gan ddelweddau mewn ffigurau unrhyw faint penodol, felly gwnewch yn siŵr eich bod yn ychwanegu'r .img-fluiddosbarth at eich un chi <img>i'w wneud yn ymatebol.

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

Mae'n hawdd alinio capsiwn y ffigur â'n cyfleustodau testun .

<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

Newidynnau

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