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-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="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 .
<figure class="figure">
<img src="..." 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>