Bootstrap class: .position-relative
<div class="position-relative bg-secondary" style="width: 250px; height: 150px;">
<div class="position-absolute top-0 start-0 p-2 bg-info">top-0 start-0</div>
</div>Preview
top-0 start-0
Use Shuffle AI to build your own Bootstrap templates
Quickly design stunning Bootstrap templates with the power of Shuffle AI — no coding required.
Check .position-relative in a real project
Click one of the examples listed below to open the Shuffle Visual Editor with the UI library that uses the selected component.
Tips 💡
You don't need to remember all CSS classes. Just use the Bootstrap Editor instead.
More in Bootstrap Positioning
- align-*
- clearfix
- fixed-top
- float-*-left
- float-*-right
- float-*-none
- sticky-top
- fixed-bottom
- bottom-0
- bottom-100
- bottom-50
- float-end
- float-start
- float-none
- float-lg-end
- float-lg-start
- float-lg-none
- float-md-end
- float-md-start
- float-md-none
- float-sm-end
- float-sm-start
- float-sm-none
- float-xl-end
- float-xl-start
- float-xl-none
- float-xxl-end
- float-xxl-start
- float-xxl-none
- start-0
- start-100
- start-50
- position-absolute
- position-static
- end-0
- end-100
- end-50
- sticky-lg-top
- sticky-md-top
- sticky-sm-top
- sticky-xl-top
- top-0
- top-100
- top-50
- translate-middle
