Source

Фигурес

Документација и примери за приказивање повезаних слика и текста са компонентом фигуре у Боотстрапу.

Сваки пут када треба да прикажете део садржаја—попут слике са опционалним натписом, размислите о коришћењу <figure>.

Користите укључене .figureи класе .figure-imgда .figure-captionбисте обезбедили неке основне стилове за ХТМЛ5 <figure>и <figcaption>елементе. Слике у сликама немају експлицитну величину, па обавезно додајте .img-fluidкласу у своју <img>да би она била прилагодљива.

400к300
Наслов за горњу слику.
<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>

Поравнавање натписа слике је лако помоћу наших текстуалних услужних програма .

400к300
Наслов за горњу слику.
<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>