Clases

Se aplica .img-fluid automaticamente a las imágenes para que tengan un comportamiento receptivo (para que nunca se vuelvan más grandes que sus elementos principales)

.img-fluid {
    max-width: 100%;
    height: auto;
}

Agrege más estilos a las imágenes a través de clases.

![](PATH){.rounded .mx-auto .d-block}

Redondear

Dele a la imagen una apariencia redondeada

1. .img-thumbnail para un borde redondeado de 1px,
2. .rounded para redondear los vertices,
3. .rounded-circle para crear una imagen redonda,

Alinear

Alinee las imágenes a nivel de bloque con las clases:

1. .float-start Izquierda,
2. .mx-auto .d-block Centro,
3. .float-end Derecha.

Altura

Ajusta la altura máxima de las imágenes en múltiplos de 100px:

1. De .max-y-100
2. Hasta .max-y-900

Subtítulo

Para mostrar un título, agregue el título después de la URL:

![alt text for the image](https://image/src "Here is the caption")

Para mostrar un subtítulo, agregue el subtítulo en la línea después de la URL:

![alt](https://image/src)
*A [link](https://url) in a caption with **bold** text*

Múltiples fotos seguidas

Para diseñar una galería de imágenes en una fila, colóquelas en la misma línea con un espacio entre ellas.