Định vị một phần tử ở trên cùng của khung nhìn, từ cạnh này sang cạnh khác. Hãy chắc chắn rằng bạn hiểu sự phân nhánh của vị trí cố định trong dự án của bạn;
...
Đáy cố định
Định vị một phần tử ở dưới cùng của khung nhìn, từ cạnh này sang cạnh khác. Hãy chắc chắn rằng bạn hiểu sự phân nhánh của vị trí cố định trong dự án của bạn;
...
đầu dính
Định vị một phần tử ở trên cùng của khung nhìn, từ cạnh này sang cạnh khác, nhưng chỉ sau khi bạn cuộn qua nó. Tiện ích
...
0 sử dụng ...
1 của CSS, không được hỗ trợ đầy đủ trong tất cả các trình duyệt...
Đầu dính đáp ứng
Các biến thể đáp ứng cũng tồn tại cho tiện ích
...
0Stick to the top on viewports sized SM [small] or wider
Stick to the top on viewports sized MD [medium] or wider
Stick to the top on viewports sized LG [large] or wider
Stick to the top on viewports sized XL [extra-large] or wider
Giá trị vị trí
Các lớp định vị nhanh có sẵn, mặc dù chúng không đáp ứng
...
...
...
...
...
sắp xếp các yếu tố
Sắp xếp các yếu tố dễ dàng với các tiện ích định vị cạnh. Định dạng là
...
3Trường hợp tài sản là một trong
4 - đối với vị trí...
4 thẳng đứng...
6 - đối với vị trí...
7 nằm ngang [tính bằng LTR]...
8 - cho vị trí...
8 thẳng đứng...
0 - đối với vị trí...
1 nằm ngang [tính bằng LTR]...
Trong đó vị trí là một trong những
2 - cho vị trí biên của...
2...
4 - cho vị trí cạnh của...
5...
6 - cho vị trí biên của...
7...
[Bạn có thể thêm nhiều giá trị vị trí hơn bằng cách thêm các mục vào biến bản đồ
...
8 Sass. ]
yếu tố trung tâm
Ngoài ra, bạn cũng có thể căn giữa các phần tử với lớp tiện ích biến đổi
...
9Lớp này áp dụng các phép biến đổi
Stick to the top on viewports sized SM [small] or wider
Stick to the top on viewports sized MD [medium] or wider
Stick to the top on viewports sized LG [large] or wider
Stick to the top on viewports sized XL [extra-large] or wider
0 và Stick to the top on viewports sized SM [small] or wider
Stick to the top on viewports sized MD [medium] or wider
Stick to the top on viewports sized LG [large] or wider
Stick to the top on viewports sized XL [extra-large] or wider
1 cho phần tử, kết hợp với các tiện ích định vị cạnh, cho phép bạn căn giữa một phần tử một cách tuyệt đối
Bằng cách thêm các lớp
Stick to the top on viewports sized SM [small] or wider
Stick to the top on viewports sized MD [medium] or wider
Stick to the top on viewports sized LG [large] or wider
Stick to the top on viewports sized XL [extra-large] or wider
2 hoặc Stick to the top on viewports sized SM [small] or wider
Stick to the top on viewports sized MD [medium] or wider
Stick to the top on viewports sized LG [large] or wider
Stick to the top on viewports sized XL [extra-large] or wider
3, các phần tử chỉ có thể được định vị theo hướng ngang hoặc dọc
ví dụ
Dưới đây là một số ví dụ thực tế về các lớp này
Thư +99 tin nhắn chưa đọc Đánh dấu Cảnh báo tin nhắn chưa đọc
Mails +99 unread messages
Marker
Alerts unread messages
Bạn có thể sử dụng các lớp này với các thành phần hiện có để tạo các lớp mới. Hãy nhớ rằng bạn có thể mở rộng chức năng của nó bằng cách thêm các mục vào biến
...
8