Chức vụ

Đầu cố định

Định vị một phần tử ở đầu 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 các phân nhánh của vị trí cố định trong dự án của bạn; bạn có thể cần thêm CSS bổ sung.

<div class="fixed-top">...</div>

Cố định đáy

Đị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 các phân nhánh của vị trí cố định trong dự án của bạn; bạn có thể cần thêm CSS bổ sung.

<div class="fixed-bottom">...</div>

Dính trên cùng

Định vị một phần tử ở đầu 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 .sticky-topích sử dụng CSS position: sticky, không được hỗ trợ đầy đủ trong tất cả các trình duyệt.

<div class="sticky-top">...</div>

Đầu dính đáp ứng

Các biến thể đáp ứng cũng tồn tại cho .sticky-toptiện ích.

<div class="sticky-sm-top">Stick to the top on viewports sized SM (small) or wider</div>
<div class="sticky-md-top">Stick to the top on viewports sized MD (medium) or wider</div>
<div class="sticky-lg-top">Stick to the top on viewports sized LG (large) or wider</div>
<div class="sticky-xl-top">Stick to the top on viewports sized XL (extra-large) or wider</div>