Takwimu

Nyaraka na mifano ya kuonyesha picha na maandishi yanayohusiana na sehemu ya takwimu katika Bootstrap.

Katika ukurasa huu

Wakati wowote unahitaji kuonyesha kipande cha maudhui—kama picha iliyo na maelezo mafupi ya hiari, zingatia kutumia <figure>.

Tumia pamoja .figure, .figure-imgna .figure-captionmadarasa kutoa baadhi ya mitindo ya kimsingi ya HTML5 <figure>na <figcaption>vipengele. Picha katika takwimu hazina saizi dhahiri, kwa hivyo hakikisha umeongeza .img-fluiddarasa lako <img>ili kuifanya iitikie.

Maelezo ya picha hapo juu.

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>

Kupanga manukuu ya kielelezo ni rahisi na huduma zetu za maandishi .

Maelezo ya picha hapo juu.

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

Vigezo

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