Placement
API reference › Bootstrap 6 › enum › Placement
Represents the Floating UI placements used by menus, tooltips, and popovers.
The logical placements (start, end, and their -start/-end alignments) flip with the text direction and are
supported by menus only.
| Case | Value | Description |
|---|---|---|
BOTTOM | 'bottom' | Places the floating element below its reference. |
BOTTOM_END | 'bottom-end' | Places the floating element below its reference, aligned to the end. |
BOTTOM_START | 'bottom-start' | Places the floating element below its reference, aligned to the start. |
END | 'end' | Places the floating element at the end of its reference. |
END_END | 'end-end' | Places the floating element at the end of its reference, aligned to the end. |
END_START | 'end-start' | Places the floating element at the end of its reference, aligned to the start. |
LEFT | 'left' | Places the floating element to the left of its reference. |
LEFT_END | 'left-end' | Places the floating element to the left of its reference, aligned to the end. |
LEFT_START | 'left-start' | Places the floating element to the left of its reference, aligned to the start. |
RIGHT | 'right' | Places the floating element to the right of its reference. |
RIGHT_END | 'right-end' | Places the floating element to the right of its reference, aligned to the end. |
RIGHT_START | 'right-start' | Places the floating element to the right of its reference, aligned to the start. |
START | 'start' | Places the floating element at the start of its reference. |
START_END | 'start-end' | Places the floating element at the start of its reference, aligned to the end. |
START_START | 'start-start' | Places the floating element at the start of its reference, aligned to the start. |
TOP | 'top' | Places the floating element above its reference. |
TOP_END | 'top-end' | Places the floating element above its reference, aligned to the end. |
TOP_START | 'top-start' | Places the floating element above its reference, aligned to the start. |