Bootstrap Positions

Bootstrap position utility is used to quickly place a component outside the normal document flow. There are several fixed and sticky position classes are available.

Common values

Quick positioning classes are available, though they are not responsive.

Fixed top

It is used to position an element at the top of the viewport, from edge to edge. You can also add some additional CSS.

Syntax: -

Fixed Bottom

It is used to position an element at the bottom of the viewport from edge to edge. You can also add some additional CSS.

Syntax: -

Sticky Top

Sticky top is used to position an element at the top of the viewport, from edge to edge, but only when you scroll past it. The .sticky-top utility uses CSS's position: sticky, which isn't fully supported in all browsers.

Syntax: -