Modern Web Design Using Bootstrap 5 with Hands-On Projects/

...

/

Position

Position

Learn how to implement the position class in Bootstrap.

We'll cover the following...

Position classes help us position our content as we require. We use position properties in CSS, and we can implement the same thing using Bootstrap classes. Let's take a look at them.

Bootstrap Position Class

CSS Style

Bootstrap Class

position: relative;

.position-relative

position: absolute;

.position-absolute

position: sticky;

.position-sticky

position: fixed;

.position-fixed

position: static;

.position-static

We can set positions for our content with .top-*, .bottom-*, .start-*, and .end-* classes. Here, * can be 0, 50, or 100, which positions the element according to our needs.

Developers don’t use ...