Position
Sets how an element is positioned in a document
Usage
Add position-* class to block or inline block element.
<div class="position-sticky">
// Your content
</div>
Classes
| Class | Value |
|---|---|
position-relative | |
position-absolute | |
position-fixed | |
position-static | |
position-sticky | |
position-top | |
position-bottom | |
position-left | |
position-right | |
position-center | |
position-top-center | |
position-bottom-center | |
position-left-center | |
position-right-center | |
position-top-left | |
position-bottom-left | |
position-top-right | |
position-bottom-right | |
position-top-center-out | |
position-bottom-center-out | |
position-left-center-out | |
position-right-center-out | |
position-top-left-out | |
position-bottom-left-out | |
position-top-right-out | |
position-bottom-right-out |
Add
@s,@m, or@lsuffix to support breakpoints