Position

Table of Contents

Position

Position Utilities set the position property. These utilities don’t have any breakpoint classes.

UtilityValue
position-staticstatic
position-relativerelative
position-absoluteabsolute
position-fixedfixed
position-stickysticky

Fixed

Fixed Utilities sets an element at the top or bottom of the window. These utilities don’t have any breakpoint classes.

UtilityValue
fixed-topleft:0;
position:fixed;
right:0;
top:0;
z-index:1030;
fixed-bottombottom:0;
left:0;
position:fixed;
right:0;
z-index:1030;

Sticky Top

Sticky Top sets an element at the top of the window after you scroll past it. This utility doesn’t have any breakpoint classes.

UtilityValue
sticky-topposition:sticky;
top:0;
z-index:1020;
Edit this page on GitHub

Table of Contents