Placeholder
Placeholder Cards
Create placeholder content for cards in Bootstrap by using the .placeholder
class. This provides a loading animation or filler content until the actual data is loaded.
Placeholder Width
You can change the width through grid column classes, width utilities, or inline styles. (like: w-25 , w-50 , w-75 , w-100 )
Placeholder Sizing
The size of placeholder
are based on the typographic style of the parent element. Customize them with sizing modifiers: placeholder-lg, placeholder-sm, or placeholder-xs
.
Placeholder Animations
Add animations to Bootstrap placeholders using the .placeholder-glow
or .placeholder-wave
classes for a smooth loading effect while content is being loaded.
Colors Placeholder
By default, the placeholder
uses currentcolor
. This can be overridden with a custom color or utility class.
Custom Animation Placeholder
With the wave-left-lines
custom animation, placeholders may be used into your unique design.
Placeholder
Create interactive placeholders in Bootstrap by using buttons or links. When clicked, the placeholder content is replaced with the actual content, simulating a loading effect.