Use loading placeholders for your components or pages to indicate something may still be loading. Read the Official Bootstrap Documentation for a full list of instructions and other options.
In the example below, we take a typical card component and recreate it with placeholders applied to create a loading card.
You can change the width through grid column classes, width utilities, or inline styles.
By default, the placeholder uses currentColor. This can be overridden with a custom color or utility class.
The size of placeholders are based on the typographic style of the parent element.
Animate placeholders with .placeholder-glow or .placeholder-wave to better convey the perception of something being actively loaded.
