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’s position: sticky, which isn’t fully supported in all browsers.
Microsoft Edge and IE11 will render position: sticky as position: relative.
<div class="sticky-top">...</div>.
