Neidio i'r prif gynnwys Neidio i lywio dogfennau
Check
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>.

.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.

Placeholder 400x300
Capsiwn ar gyfer y ddelwedd uchod.
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>

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

Placeholder 400x300
Capsiwn ar gyfer y ddelwedd uchod.
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

Newidynnau

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