MX Auto trong Bootstrap là gì?
|
Tiện ích giãn cách được sử dụng để gán các giá trị lề hoặc phần đệm thân thiện với phản hồi cho một phần tử hoặc một tập hợp con các cạnh của nó bằng các lớp tốc ký. Nó bao gồm các thuộc tính riêng lẻ, tất cả các thuộc tính và thuộc tính dọc và ngang Show Các lớp này được xây dựng từ bản đồ Sass mặc định, từ. 25rem đến 3rem ký hiệuCác tiện ích giãn cách áp dụng cho tất cả các điểm dừng, từ xs đến xl, không có chữ viết tắt điểm dừng trong đó. Đó là bởi vì những lớp đó được áp dụng từ chiều rộng tối thiểu. 0 trở lên và không bị ràng buộc bởi truy vấn phương tiện. Tuy nhiên, các điểm dừng còn lại bao gồm viết tắt điểm dừng Các lớp được đặt tên theo định dạng {property}{sides}-{size} cho xs và {property}{sides}-{breakpoint}-{size} cho sm, md, lg và xl Ở đây, "tài sản" là một trong những điều sau đây
"bên" là một trong những điều sau đây
"kích thước" là một trong những điều sau đây
Ghi chú. Bạn có thể thêm nhiều kích thước hơn bằng cách thêm các mục vào biến bản đồ $spacers SassVí dụHãy lấy một ví dụ để xem cách sử dụng các lớp này định tâm ngangBootstrap cũng hỗ trợ. lớp mx-auto để định tâm theo chiều ngang cho nội dung cấp độ khối cố định. Nội dung có hiển thị. khối và đặt chiều rộng?bằng cách đặt lề ngang thành tự động Gán các giá trị ký hiệuCác tiện ích giãn cách áp dụng cho tất cả các điểm dừng, từ Các lớp được đặt tên theo định dạng Trường hợp tài sản là một trong
Trường hợp các bên là một trong những
Trường hợp kích thước là một trong những
(Bạn có thể thêm nhiều kích thước hơn bằng cách thêm các mục vào biến bản đồ ví dụDưới đây là một số ví dụ với Dưới đây là một số ví dụ với định tâm ngangNgoài ra, Bootstrap cũng bao gồm một lớp Bootstrap tự động của tôi là gì?Một cách để căn giữa theo chiều dọc là sử dụng my-auto. Thao tác này sẽ căn giữa phần tử bên trong hộp chứa flexbox của nó (Bootstrap 4. hàng được hiển thị. uốn cong ). Ví dụ: h-100 làm cho hàng có chiều cao đầy đủ và my-auto sẽ căn giữa cột col-sm-12 theo chiều dọc.
Làm cách nào để sử dụng lề trong Bootstrap?Ký hiệu . t - cho các lớp đặt lề trên hoặc đệm trên b - đối với các lớp đặt lề dưới hoặc đệm dưới l - cho các lớp đặt lề trái hoặc đệm trái r - dành cho các lớp đặt lề phải hoặc đệm phải x - cho các lớp thiết lập cả *-left và *-right Bootstrap ml tự động là gì?lớp ml-auto trong Bootstrap có thể được sử dụng để căn chỉnh các mục thanh điều hướng sang phải . Các. lớp ml-auto tự động căn chỉnh các phần tử sang phải.
Làm cách nào để thay đổi lề trong Bootstrap?l - đặt lề trái hoặc đệm trái. r - đặt lề phải hoặc đệm phải. x - đặt cả padding-left và padding-right hoặc margin-left và margin-right. y - đặt cả padding-top và padding-bottom hoặc margin-top và margin-bottom |
