Utilities
Colored links NEW
You can use the .link-* classes to colorize links. these
classes
have a :hover and :focus state.
Text selection NEW
Change the way in which the content is selected when the user interacts with it.
This paragraph will be entirely selected when clicked by the user.
This paragraph has default select behavior.
This paragraph will not be selectable when clicked by the user.
Line height NEW
Change the line height with .lh-* utilities.
Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Donec sed odio dui. Cras mattis pannenkoek purus sit amet fermentum.
Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Donec sed odio dui. Cras mattis pannenkoek purus sit amet fermentum.
Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Donec sed odio dui. Cras mattis pannenkoek purus sit amet fermentum.
Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Donec sed odio dui. Cras mattis pannenkoek purus sit amet fermentum.
Pointer events NEW
Bootstrap provides pe-none and pe-auto classes to
prevent or add element interactions.
Position values NEW
Arrange elements easily with the edge positioning utilities, The format is
{property}-{position}.
Center elements
In addition, you can also center the elements with the transform utility
class
.translate-middle.
Examples
Here are some real life examples of these classes.
You can use these classes with existing components to create new ones.
Remember
that you can extend its functionality by adding entries to the
$position-values
variable.