Ratios

The  Bootstrap 5 Ratios, which can be used to create fixed-ratio containers. These containers maintain a specific aspect ratio, regardless of the size of the screen or the content within them.

Topic

Description

Aspect ratios

Aspect ratios simply refer to the proportionality between an element’s height and width.

Custom ratios

Custom ratios allow us to set the aspect ratio using a CSS custom property.

Sass map

Ratios Sass map in Bootstrap 5 is a default list of aspect ratios. You can modify the aspect ratios you want to use.

Bootstrap 5 Helpers Reference

Bootstrap 5 Helpers are the classes that facilitate different options that can be utilized to customize the design layout, along with reducing the use of various repeated CSS properties. 

The complete list of Helpers is listed below with their brief description:

Similar Reads

Clearfix

The Bootstrap 5 Clearfix helper class facilitates clearing and fixing the floated content in an element or container by adding the clearfix utility....

Colored links

Bootstrap 5 Colored links are used to add colors to the link element. To set the colored links, we use the classes of utilities built on our theme colors....

Ratios

The  Bootstrap 5 Ratios, which can be used to create fixed-ratio containers. These containers maintain a specific aspect ratio, regardless of the size of the screen or the content within them....

Position

The Bootstrap 5 Position is used to set an element’s Position, Bootstrap 5 offers a variety of classes....

Visually Hidden

The Bootstrap 5 Visually Hidden is used to visually hide an element so that it does not display on the page while still allowing it to be exposed to assistive technologies....

Stretched link

The Bootstrap 5 Stretched link is used to make any component clickable. Multiple links are not recommended....

Text truncation

The Bootstrap 5 Text Truncation is used to truncate long statements and paragraphs using an ellipsis(three dots)....