Source

Figiúirí

Doiciméadú agus samplaí chun íomhánna agus téacs gaolmhar a thaispeáint leis an gcomhpháirt fhíor i Bootstrap.

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.

400x300
Fotheideal don íomhá thuas.
<figure class="figure">
  <img src=".../400x300" class="figure-img img-fluid rounded" alt="A generic square placeholder image with rounded corners in a figure.">
  <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 .

400x300
Fotheideal don íomhá thuas.
<figure class="figure">
  <img src=".../400x300" class="figure-img img-fluid rounded" alt="A generic square placeholder image with rounded corners in a figure.">
  <figcaption class="figure-caption text-right">A caption for the above image.</figcaption>
</figure>