in English
Ffigurau
Dogfennaeth ac enghreifftiau ar gyfer arddangos delweddau a thestun cysylltiedig gyda'r gydran ffigwr yn Bootstrap.
Ar y dudalen hon
Unrhyw bryd y mae angen i chi arddangos darn o gynnwys - fel delwedd gyda chapsiwn dewisol, ystyriwch ddefnyddio <figure>
.
.figure
Defnyddiwch y , .figure-img
a'r dosbarthiadau sydd wedi'u cynnwys .figure-caption
i 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-fluid
dosbarth 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;