Гузаштан ба мундариҷаи асосӣ Ба новбари ҳуҷҷатҳо гузаред
Check
in English

Ракамхо

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

Дар ин саҳифа

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

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

Placeholder 400x300
Сарлавҳа барои тасвири боло.
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>

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

Placeholder 400x300
Сарлавҳа барои тасвири боло.
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>

Сасс

Тағйирёбандаҳо

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