Arvud
Dokumentatsioon ja näited seotud piltide ja teksti kuvamiseks Bootstrapis joonise komponendiga.
Iga kord, kui teil on vaja kuvada sisu, näiteks valikulise pealkirjaga pilti, kaaluge <figure>
.
Kasutage kaasasolevaid .figure
, .figure-img
ja klasse, et pakkuda HTML5 ja elementide .figure-caption
jaoks mõningaid põhistiile . Joonistel kujutatud piltidel pole selget suurust, seega lisage klass kindlasti oma klassi, et see reageeriks.<figure>
<figcaption>
.img-fluid
<img>
<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>
Joonise pealdise joondamine on meie tekstiutiliitidega lihtne .
<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>