Images
Images content uses different classes that make the image appearance better and also make them responsive. Making an image responsive means it should scale according to its parent element.
|
Topics |
Descriptions |
| Responsive images | Responsive images are used to resize the images according to their parent element and screen sizes. |
| Image thumbnails | Bootstrap 5 Images thumbnails are used to add a 1px rounded border around the image. |
| Aligning images | Aligning Images are used to set the alignment to the image. We will use float or text alignment classes to set the alignment of images. |
| Picture | Bootstrap offers different classes for images to make their appearance better and also to make them responsive. |
| Sass | SASS has a set of variables with default values for customizing images. We can change those values using sass variables. |
Bootstrap 5 Content Complete Reference
Bootstrap 5 Content facilitates the different components, such as typography, responsive images, tables, etc., that help to organize the content in the hierarchical order, along with styling them in an elegant, consistent, and simple baseline, in order to enhance the overall user-experience to the website.
The complete list of Content is listed below with their brief description: