in English
Tölur
Skjöl og dæmi til að sýna tengdar myndir og texta með myndhlutanum í Bootstrap.
Hvenær sem þú þarft að birta efni - eins og mynd með valkvæðum yfirskrift skaltu íhuga að nota <figure>
.
Notaðu meðfylgjandi .figure
, .figure-img
og .figure-caption
flokka til að bjóða upp á grunnstíla fyrir HTML5 <figure>
og <figcaption>
þætti. Myndir á myndum hafa enga skýra stærð, svo vertu viss um að bæta .img-fluid
bekknum við þinn <img>
til að gera hann móttækilegur.
<figure class="figure">
<img src="..." class="figure-img img-fluid rounded" alt="...">
<figcaption class="figure-caption">A caption for the above image.</figcaption>
</figure>
Auðvelt er að samræma myndatexta með textaforritum okkar .
<figure class="figure">
<img src="..." class="figure-img img-fluid rounded" alt="...">
<figcaption class="figure-caption text-right">A caption for the above image.</figcaption>
</figure>