in English
Figiúirí
Doiciméadú agus samplaí chun íomhánna agus téacs gaolmhar a thaispeáint leis an gcomhpháirt fhíor i Bootstrap.
Ar an leathanach seo
Am ar bith is gá duit píosa ábhair a thaispeáint - cosúil le híomhá le fotheideal roghnach, smaoinigh ar <figure>
.
Úsáid an .figure
, .figure-img
agus na .figure-caption
ranganna san áireamh chun roinnt stíleanna bunlíne a sholáthar don HTML5 <figure>
agus do na <figcaption>
heilimintí. Níl aon mhéid follasach ag íomhánna i bhfigiúirí, mar sin bí cinnte an .img-fluid
rang a chur le do chuid <img>
chun é a dhéanamh sofhreagrach.
<figure class="figure">
<img src="..." class="figure-img img-fluid rounded" alt="...">
<figcaption class="figure-caption">A caption for the above image.</figcaption>
</figure>
Is furasta fotheideal an fhigiúir a ailíniú lenár bhfóntais téacs .
<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
Athróga
$figure-caption-font-size: $small-font-size;
$figure-caption-color: $gray-600;