Source

Takwimu

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

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.

400x300
Maelezo ya picha hapo juu.
<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>

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

400x300
Maelezo ya picha hapo juu.
<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>