Position & Display

Positioning, display, and visibility utilities

Bootstrap position utilities control how elements are placed in the document flow and on the screen.

Position type:

.position-static
Parent container (position-relative)
Sibling element
Target element
Another sibling
.position-staticDefault flow
.position-relativeOffset from normal position
.position-absoluteRelative to positioned parent
.position-fixedRelative to viewport
.position-stickyToggles between relative and fixed

Bootstrap maps CSS position values to utility classes: position-static, position-relative, position-absolute, position-fixed, and position-sticky.