in English
Зураг
Bootstrap дахь зургийн бүрэлдэхүүн хэсэгтэй холбоотой зураг, текстийг харуулах баримт бичиг, жишээнүүд.
Нэмэлт тайлбартай зураг гэх мэт контентыг харуулах шаардлагатай үедээ <figure>
.
Оруулсан .figure
, .figure-img
болон .figure-caption
ангиудыг ашиглан HTML5 <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-right">A caption for the above image.</figcaption>
</figure>