Spinners
Bootstrap 5 spinners are used to specify the loading state of a component or webpage.
| Components |
Descriptions |
| Border spinner | Bootstrap 5 Spinner is used to show the loading stage of the component, these spinners are built only with HTML and CSS |
| Growing spinner | Bootstrap 5 Spinner is used to show the loading stage of the component, these spinners are built only with HTML and CSS |
| Alignment | Bootstrap 5 Spinners Alignment is used to set the alignment of the spinner element. |
| Margin | Bootstrap 5 Spinners Margin is used to create spinners in different margins. |
| Placement | Bootstrap 5 Spinners Placement is used to set the position of spinners where you want to place them according to the need. |
| Flex | Bootstrap5 Spinner Flex Placements is a display utility that is used to place the spinner in a flexbox, where the spinner is placed inside the flexbox container using the .d-flex class. |
| Floats | Bootstrap 5 Spinners Float Placements are used to set the position of spinner elements to left, right, or none depending on the requirements. |
| Text align | Bootstrap 5 Spinners Float Placements are used to set the position of spinner elements to left, right, or none depending on the requirements. |
| Size |
Bootstrap 5 Spinners Size is used to create spinners in different sizes . |
| Buttons | Bootstrap 5 Spinners are used to display the loading state of a component or a page. |
| Sass | Bootstrap 5 Spinners SASS has a set of variables with default values and keyframes which are used to create CSS animations for the spinners. |
Bootstrap 5 Components Reference
Bootstrap 5 Components enable the user to make their own Components and can include more functionality by adding the Accordion, Alerts, Badge, Breadcrumb, Buttons, etc, which help to enhance the overall user experience, along with engaging the users on their sites by decorating them.
The complete list of Components is listed below with their brief description: