Source

ფიგურები

დოკუმენტაცია და მაგალითები Bootstrap-ში ფიგურის კომპონენტთან დაკავშირებული სურათებისა და ტექსტის ჩვენებისთვის.

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

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

400x300
წარწერა ზემოთ მოცემული სურათისთვის.
<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>

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

400x300
წარწერა ზემოთ მოცემული სურათისთვის.
<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>