API
Bootstrap 5 API facilitates Sass-based tool that helps to create the utility classes. Various Utility API with their descriptions are given below:
|
Utilities |
Descriptions |
|---|---|
| Custom class prefix | The Custom class prefix utilizes the class option to modify the class prefix. |
| States | The state option can be used to create pseudo-class variations. Example pseudo-classes are :hover and :focus. |
| Responsive utilities | Include the responsive boolean to produce responsive utilities (such as .opacity-md-25) that function across all breakpoints. |
| Changing utilities | In Changing utilities Replace current utilities by employing the same key. |
| Print utilities | The print option will produce utility classes for print, applied within the media query. |
| Add utilities | In the add utilities the new utilities can be integrate to the default $utilities map along a map-merge. |
| Modify utilities | Modify the current utilities in the default $utilities. |
| Enable responsive | Enable responsive enables responsive classes for the current utilities. |
| Remove utilities | Bootstrap 5 provides a set of utility classes for various use cases and with them Bootstrap also provides a utility API to modify, add or remove these utility classes by using Sass. |
| Remove utility in RTL | Sometimes RTL styling may be difficult to use for some edge cases therefore Bootstrap 5 provides us this facility to drop the utilities from RTL output by setting the RTL option to false. |
Bootstrap 5 Utility Reference
Bootstrap 5 Utility facilitates various types of utilities to make a stylish, mobile-friendly, and responsive front-end website. The utility layout is used for showing, hiding, aligning, and spacing content.
The complete list of Utilities is listed below with their brief description:
Contact Us