Фигуралар

Bootstrap'та фигура компоненты белән бәйләнешле рәсемнәрне һәм текстны күрсәтү өчен документлар һәм мисаллар.

Contentәрвакыт сезгә эчтәлек күрсәтергә кирәк - өстәмә язу булган рәсем кебек, a кулланырга уйлагыз <figure>.

HTML5 һәм элементлар өчен төп стильләр белән тәэмин итү өчен .figureкертелгән классларны кулланыгыз . Фигуралардагы рәсемнәрнең зурлыгы юк, шуңа күрә классны җаваплы итеп өстәргә онытмагыз..figure-img.figure-caption<figure><figcaption>.img-fluid<img>

<figure class="figure">
  <img src=".../400x300" 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=".../400x300" 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>