Tlolela go diteng tše kgolo Tlolela go docs navigation
Check
in English

Dipalopalo

Ditokomane le mehlala ya go bontšha diswantšho tše di amanago le sengwalwa ka karolo ya seswantšho ka go Bootstrap.

Letlakaleng le

Nako le nako ge o swanetše go bontšha karolo ya diteng—go swana le seswantšho seo se nago le tlhaloso yeo e sa ikgethego, nagana ka go diriša <figure>.

Šomiša diklase tše di akareditšwego .figure, .figure-imgle .figure-captiongo fa mekgwa ye mengwe ya motheo ya HTML5 <figure>le <figcaption>dielemente. Diswantšho tšeo di lego ka dipalong ga di na bogolo bjo bo lego molaleng, ka gona kgonthišetša gore o oketša .img-fluidklase go ya gago <img>go dira gore e arabele.

Placeholder 400x300
A caption bakeng sa setšoantšo se ka holimo.
html
<figure class="figure">
  <img src="..." class="figure-img img-fluid rounded" alt="...">
  <figcaption class="figure-caption">A caption for the above image.</figcaption>
</figure>

Go logaganya tlhalošo ya seswantšho go bonolo ka didirišwa tša rena tša sengwalwa .

Placeholder 400x300
A caption bakeng sa setšoantšo se ka holimo.
html
<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

Diphetogo

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