Téigh ar aghaidh chuig an bpríomhábhar Scipeáil chuig nascleanúint docs
Check
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-imgagus na .figure-captionranganna 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-fluidrang a chur le do chuid <img>chun é a dhéanamh sofhreagrach.

Placeholder 400x300
Fotheideal don íomhá thuas.
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>

Is furasta fotheideal an fhigiúir a ailíniú lenár bhfóntais téacs .

Placeholder 400x300
Fotheideal don íomhá thuas.
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

Athróga

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