Bootstrap class: .end-50
<div class="position-relative bg-secondary" style="width: 250px; height: 100px;">
<div class="position-absolute bottom-0 end-50 bg-primary p-4"></div>
</div>Preview
Check .end-50 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-relative
- position-static
- end-0
- end-100
- sticky-lg-top
- sticky-md-top
- sticky-sm-top
- sticky-xl-top
- top-0
- top-100
- top-50
- translate-middle
