ფიგურები

ნებისმიერ დროს, როდესაც გჭირდებათ შინაარსის ჩვენება, მაგალითად, გამოსახულების სურვილისამებრ წარწერით, გამოიყენეთ <figure>.

გამოიყენეთ ჩართული .figureდა კლასები HTML5- ისა და .figure-imgელემენტების ზოგიერთი .figure-captionსაბაზისო სტილის უზრუნველსაყოფად . ფიგურებში გამოსახულებებს არ აქვთ გამოკვეთილი ზომა, ასე რომ, დარწმუნდით, რომ დაამატეთ კლასი თქვენს ჯგუფში, რათა ის რეაგირებადი იყოს.<figure><figcaption>.img-fluid<img>

<figure class="figure">
  <img src="..." class="figure-img img-fluid rounded" alt="...">
  <figcaption class="figure-caption">A caption for the above image.</figcaption>
</figure>

ფიგურის წარწერის გასწორება მარტივია ჩვენი ტექსტური საშუალებებით .

<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;