位置(Position) · Bootstrap 5 繁體中文文件 | position-relative bootstrap
定位值可以快速的使用位置類別定位,儘管它們並不是響應式的。
定位值可以快速的使用位置類別定位,儘管它們並不是響應式的。
可以快速的使用位置類別定位,儘管它們並不是響應式的。
<div class="position-static">...</div> <div class="position-relative">...</div> <div class="position-absolute">...</div> <div class="position-fixed">...</div> <div class="position-sticky">...</div> 排列元素可以使用邊界定位通用類別輕鬆的排列元素。格式為 {property}-{position}。
其中,property 為以下的其中一種:
top - 用於垂直定位 top start - 用於水平定位 left (LTR) bottom - 用於垂直定位 bottom end - 用於水平定位 right (LTR)其中,position 為以下的其中一種:
0 - 用於 0 的邊界定位 50 - 用於 50% 的邊界定位 100 - 用於 100% 的邊界定位(你可以透過在 $position-values Sass map 變數添加實體,以增加更多定位值。)
<div class="position-relative"> <div class="position-absolute top-0 start-0"></div> <div class="position-absolute top-0 end-0"></div> <div class="position-absolute top-50 start-50"></div> <div class="position-absolute bottom-50 end-50"></div> <div class="position-absolute bottom-0 start-0"><...