CSS Variables
Bootstrap exposes many design values through CSS custom properties, allowing runtime or scoped customization without rebuilding the entire framework.
Core concept
Explain custom properties, inheritance, component-level variables, root-level variables, and the difference between changing a variable and overriding a selector.
Using it in a real interface
Show a card or button whose appearance changes through a scoped custom property. Explain why a local variable can be safer than globally changing a framework value.
Implementation notes
Use variables for repeated design decisions such as colors or component spacing. Keep custom values documented so another developer understands which Bootstrap defaults are intentionally changed.
ADVERTISEMENT