Source

Ракамхо

Ҳуҷҷатҳо ва мисолҳо барои намоиши тасвирҳо ва матни алоқаманд бо ҷузъи рақамӣ дар Bootstrap.

Ҳар вақте, ки ба шумо лозим аст, ки як пораи мундариҷаро намоиш диҳед, масалан, тасвир бо сарлавҳаи ихтиёрӣ, истифода бурдани <figure>.

Барои таъмин намудани баъзе сабкҳои асосӣ барои HTML5 .figureва унсурҳо .figure-imgаз синфҳои дохилшуда истифода баред . Тасвирҳо дар рақамҳо андозаи возеҳ надоранд, аз ин рӯ боварӣ ҳосил кунед, ки синфро ба худ илова кунед , то он ҷавобгӯ бошад..figure-caption<figure><figcaption>.img-fluid<img>

400x300
Сарлавҳа барои тасвири боло.
<figure class="figure">
  <img src=".../400x300" 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>

Ҳамоҳангсозии сарлавҳаи тасвир бо утилитаҳои матнии мо осон аст .

400x300
Сарлавҳа барои тасвири боло.
<figure class="figure">
  <img src=".../400x300" 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>