Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Images | Advanced Concepts
Bootstrap Essentials for Modern Websites
course content

Contenido del Curso

Bootstrap Essentials for Modern Websites

Bootstrap Essentials for Modern Websites

1. Understanding Bootstrap
2. Setting Up Environment
3. Basic Concepts
4. Advanced Concepts
5. Creating a Portfolio Website with Bootstrap

bookImages

Responsive image

Responsive images are crucial. Bootstrap's img-fluid class makes it easy. Apply it to any <img> element, and it will adjust to the viewport size, ensuring perfect scaling and consistent layouts across all devices and screen sizes.

Image thumbnails

Thumbnail images add a polished and elegant touch to your webpage's appearance. Bootstrap's img-thumbnail class provides rounded corners and subtle borders to ensure a clean and uniform look.

Image shapes

Why settle for boring rectangular images when you can add a dash of personality? Bootstrap offers classes for shaping images, including:

  • rounded: Soften the edges with rounded corners for a gentle touch;
  • rounded-circle: Embrace the circle of life with perfectly rounded images;
  • rounded-pill: Take things up a notch with pill-shaped images for a sleek and modern look.
html

index

css

index

js

index

copy

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 4. Capítulo 2
some-alt