in English
Figuras
Documentación e exemplos para mostrar imaxes e texto relacionados co compoñente figura en Bootstrap.
Nesta páxina
Sempre que necesites mostrar un contido, como unha imaxe cun subtítulo opcional, considera usar un <figure>
.
Use as clases incluídas e .figure
para proporcionar algúns estilos de referencia para o HTML5 e os elementos. As imaxes en figuras non teñen un tamaño explícito, así que asegúrate de engadir a clase á túa para que sexa sensible..figure-img
.figure-caption
<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>
Aliñar o título da figura é doado coas nosas utilidades de texto .
<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;