Bootstrap là một bộ sưu tập công cụ nguồn mở và miễn phí để tạo các trang web và ứng dụng web đáp ứng. Đây là khung HTML, CSS và JavaScript phổ biến nhất để phát triển các trang web đáp ứng, ưu tiên thiết bị di động. Nó giải quyết nhiều vấn đề mà chúng tôi đã từng gặp phải, một trong số đó là vấn đề tương thích giữa nhiều trình duyệt
Vị trí. Khung bootstrap cung cấp một loạt các lớp that cho phép chúng ta thay đổi vị trí của một phần tử tức là. , nó chỉ định phương thức loại vị trí được sử dụng cho các phần tử. Nó cung cấp năm lớp mà phổ biến trong chức năng với thuộc tính vị trí CSS.
Giá trị chung
- vị trí tĩnh. Nó hoạt động giống như vị trí . tĩnh; . property in the CSS.
- vị trí tương đối. Nó hoạt động giống như vị trí. liên quan đến; . property in the CSS.
- vị trí tuyệt đối. Nó hoạt động giống như vị trí. tuyệt đối; . property in the CSS.
- cố định vị trí. Nó hoạt động giống như vị trí. đã sửa; . property in the CSS.
- dính vị trí. Nó hoạt động giống như vị trí . thuộc tính sticky; trong CSS.
Chúng tôi sẽ hiểu chi tiết tất cả các giá trị phổ biến cho vị trí bằng cách sử dụng các ví dụ
- vị trí tĩnh. Các phần tử sẽ được hiển thị theo thứ tự khi chúng xuất hiện trong quy trình bình thường của tài liệu. Sẽ không có hiệu ứng cho các thuộc tính top, right, bottom, left và z-index
cú pháp
Thí dụ. Ví dụ này mô tả vị trí tĩnh trong Bootstrap