Quickly configuring the position of an ELEMENTS are .position-static, .position-relative, .position-absolute, .position-fixed, .position-sticky. Mainly three positions are there.

Fixed top : <DIV CLASS="fixed-top">...</div>

Fixed bottom : <div class="fixed-bottom">...</div>

Sticky top: Position an element at the top of the viewport, from edge to edge, but only after you scroll past it. The .sticky-top utility USES CSS position: sticky, which is not fully SUPPORTED in all browsers.

Microsoft Edge and IE11 will render position: sticky as position: relative.

<div class="sticky-top">...</div>.

Quickly configuring the position of an elements are .position-static, .position-relative, .position-absolute, .position-fixed, .position-sticky. Mainly three positions are there.

Fixed top : <div class="fixed-top">...</div>

Fixed bottom : <div class="fixed-bottom">...</div>

Sticky top: Position an element at the top of the viewport, from edge to edge, but only after you scroll past it. The .sticky-top utility uses CSS position: sticky, which is not fully supported in all browsers.

Microsoft Edge and IE11 will render position: sticky as position: relative.

<div class="sticky-top">...</div>.