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