Main content ah kal rawh Docs navigation ah kal rawh
Check
in English

Figure hrang hrang

Bootstrap-a figure component hmanga image leh text inzawmte tarlanna tur documentation leh entirnan.

He page ah hian

Engtik lai pawhin thu pakhat i lantîr a ngaih hunah—optional caption nei thlalak ang chi, <figure>.

HTML5 leh elements te tana baseline style thenkhat pe turin included .figure, .figure-imgleh classes te hmang ang che. Figure-a thlalakte hian size chiang tak an nei lo va, chuvangin a chhanna tur angin class chu i- ah dah tel ngei ang che ..figure-caption<figure><figcaption>.img-fluid<img>

Placeholder 400x300
A chunga thlalak hi caption a ni.
html tih a ni
<figure class="figure">
  <img src="..." class="figure-img img-fluid rounded" alt="...">
  <figcaption class="figure-caption">A caption for the above image.</figcaption>
</figure>

Figure caption align hi kan text utilities hmang hian a awlsam hle .

Placeholder 400x300
A chunga thlalak hi caption a ni.
html tih a ni
<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 a ni

Variables te pawh a awm

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