Figures

Belgekirin û mînakên ji bo nîşandana wêne û nivîsa têkildar bi pêkhateya jimarê ya li Bootstrap.

Li ser vê rûpelê

Her gava ku hûn hewce ne ku perçeyek naverokê nîşan bidin - mîna wêneyek bi sernavek vebijarkî, bi karanîna a <figure>.

Ji bo HTML5 û hêmanan hin şêwazên bingehîn peyda bikin .figure, .figure-imgû dersan bikar bînin. Wêneyên di jimaran de xwedan mezinahiya eşkere ne, ji ber vê yekê pê ewle bin ku hûn polê li xwe zêde bikin da ku ew bibe bersiv..figure-caption<figure><figcaption>.img-fluid<img>

Sernavek ji bo wêneya jorîn.

<figure class="figure">
  <img src="..." class="figure-img img-fluid rounded" alt="...">
  <figcaption class="figure-caption">A caption for the above image.</figcaption>
</figure>

Lihevkirina sernavê jimarê bi karûbarên meya nivîsê re hêsan e .

Sernavek ji bo wêneya jorîn.

<figure class="figure">
  <img src="..." class="figure-img img-fluid rounded" alt="...">
  <figcaption class="figure-caption text-end">A caption for the above image.</figcaption>
</figure>

Sass

Variables

$figure-caption-font-size:          $small-font-size;
$figure-caption-color:              $gray-600;