Lesson overview
Bootstrap ships with a theme color system and utilities for background, border, rounding, and shadows. These help create visual structure: separation, emphasis, and hierarchy.
Learning outcomes
Common utilities
bg-light, bg-dark, bg-primary, bg-body-tertiarytext-primary, text-secondary, text-whiteborder, border-top, border-primary, border-2rounded, rounded-3, rounded-pillshadow-sm, shadow, shadow-lgExample: info panel
Practice tasks
Quick check
shadow-sm better than shadow-lg?Lesson summary
Get the latest course releases and learning insights delivered straight to your inbox each week.
By subscribing you agree to our Privacy Policy and consent to receive updates from SkillNet.