Interactions
Bootstrap 5 Interactions help us to interact with the contents of the website. Utility classes like text selection and pointer events help us to interact with the website. The utilities classes include text selection and pointer events
Utilities |
Descriptions |
---|---|
Text Selection | We can change the way in which the content is selected when the user interacts with it. .user-select-* class is used to format the selection of text |
Pointer Events | Bootstrap provides .pe-none and .pe-auto classes to prevent or add element interactions. If a parent class contains .pe-none class then the child will inherit that property from the parent. To ensure that they are completely neutralized even for keyboard users, you may need to add tabindex=”-1″. |
Sass | Interaction are declared in bootstrap API in scss/_utilities.scss. We can use our custom scss to modify the default values |
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: