Imagen responsiva

Las imágenes responsivas son fundamentales. La clase img-fluid de Bootstrap lo facilita. Aplícala a cualquier elemento <img> y se ajustará al tamaño de la ventana de visualización, garantizando una escala perfecta y diseños consistentes en todos los dispositivos y tamaños de pantalla.

Miniaturas de imagen

Las imágenes en miniatura aportan un toque pulido y elegante a la apariencia de tu página web. La clase img-thumbnail de Bootstrap proporciona bordes redondeados y sutiles para asegurar un aspecto limpio y uniforme.

Formas de imagen

¿Por qué conformarse con imágenes rectangulares cuando puedes añadir un toque de personalidad? Bootstrap ofrece clases para dar forma a las imágenes, incluyendo:

• rounded: Suaviza los bordes con esquinas redondeadas para un toque delicado;
• rounded-circle: Consigue imágenes perfectamente redondeadas;
• rounded-pill: Da un paso más con imágenes en forma de píldora para un aspecto moderno y elegante.