Description lists A description list is perfect for defining terms. initialism to an abbreviation for a slightly smaller font-size. Abbreviations have a default underline and gain a help cursor to provide additional context on hover and to users of assistive technologies.Īdd. Stylized implementation of HTML’s element for abbreviations and acronyms to show the expanded version on hover. Text utilitiesĬhange text alignment, transform, style, weight, line-height, decoration and color with our text utilities and color utilities. is meant to highlight words or phrases without conveying additional importance, while is mostly for voice, technical terms, etc.
#Bootstrap text styles free
While not shown above, feel free to use and in HTML5. text-decoration-line-through will apply the same styles as. text-decoration-underline will apply the same styles as. If you want to style your text, you should use the following classes instead:
On our components, CSS variables get even more power for customizing. The former is relatively easy, the latter not so much. Without CSS variables, you’d have to use a preprocessor like Sass or write new selectors for every instance of these properties across all components. Then you can use that variable later on with the var() function. For example, instead of writing #6f42c1 everywhere, you can set -purple: #6f42c1. In a nutshell, CSS variables allow you to name frequently used values.
Consider reading the MDN CSS custom properties article or the CSS Tricks guide if you need a primer. Their official name is custom properties, but they’re often referred to as CSS variables thanks to their most immediate use case for setting specific values.
Use and compose new values, updates styles globally without recompiling, set fallback values, setup new color modes, and more. All the power of Sass is still there behind the scenes, but CSS variables adds a ton of power for the future. With CSS variables, you can now customize Bootstrap easier than ever, and without the need for a CSS preprocessor. Here’s a quick look at how you can utilize them in your projects. Bootstrap v5.2.0-beta1 added a slew of CSS custom properties, or CSS variables, across the :root level and all our core components.