in English
Tùy chọn
Nhanh chóng tùy chỉnh Bootstrap với các biến tích hợp để dễ dàng chuyển đổi các tùy chọn CSS toàn cầu để kiểm soát phong cách và hành vi.
Tùy chỉnh Bootstrap bằng tệp biến tùy chỉnh tích hợp của chúng tôi và dễ dàng chuyển đổi tùy chọn CSS toàn cầu với các $enable-*biến Sass mới. Ghi đè giá trị của một biến và biên dịch lại npm run testnếu cần.
scss/_variables.scssBạn có thể tìm và tùy chỉnh các biến này cho các tùy chọn chung chính trong tệp Bootstrap .
| Biến đổi | Giá trị | Sự mô tả |
|---|---|---|
$spacer |
1rem(mặc định) hoặc bất kỳ giá trị nào> 0 |
Chỉ định giá trị bộ đệm mặc định để tạo tiện ích bộ đệm theo chương trình của chúng tôi . |
$enable-rounded |
true(mặc định) hoặcfalse |
Cho phép các border-radiuskiểu được xác định trước trên các thành phần khác nhau. |
$enable-shadows |
truehoặc false(mặc định) |
Cho phép các box-shadowkiểu trang trí được xác định trước trên các thành phần khác nhau. Không ảnh hưởng đến box-shadowcác trạng thái tiêu điểm được sử dụng. |
$enable-gradients |
truehoặc false(mặc định) |
Bật các gradient được xác định trước thông qua background-imagecác kiểu trên các thành phần khác nhau. |
$enable-transitions |
true(mặc định) hoặcfalse |
Bật tính năng được xác định trước transitiontrên các thành phần khác nhau. |
$enable-reduced-motion |
true(mặc định) hoặcfalse |
Bật prefers-reduced-motiontruy vấn phương tiện , loại bỏ các hoạt ảnh / chuyển tiếp nhất định dựa trên tùy chọn trình duyệt / hệ điều hành của người dùng. |
$enable-grid-classes |
true(mặc định) hoặcfalse |
Cho phép tạo các lớp CSS cho hệ thống lưới (ví dụ:, .rowv.v. .col-md-1). |
$enable-container-classes |
true(mặc định) hoặcfalse |
Cho phép tạo các lớp CSS cho các vùng chứa bố cục. (Mới trong v5.2.0) |
$enable-caret |
true(mặc định) hoặcfalse |
Bật dấu mũ phần tử giả .dropdown-toggle. |
$enable-button-pointers |
true(mặc định) hoặcfalse |
Thêm con trỏ "tay" vào các phần tử nút không bị tắt. |
$enable-rfs |
true(mặc định) hoặcfalse |
Toàn cầu cho phép RFS . |
$enable-validation-icons |
true(mặc định) hoặcfalse |
Bật background-imagecác biểu tượng trong đầu vào văn bản và một số biểu mẫu tùy chỉnh cho trạng thái xác thực. |
$enable-negative-margins |
truehoặc false(mặc định) |
Cho phép tạo các tiện ích ký quỹ âm . |
$enable-deprecation-messages |
true(mặc định) hoặcfalse |
Đặt để falseẩn cảnh báo khi sử dụng bất kỳ hàm trộn nào không dùng nữa và các chức năng được lên kế hoạch xóa bỏ v6. |
$enable-important-utilities |
true(mặc định) hoặcfalse |
Bật !importanthậu tố trong các lớp tiện ích. |
$enable-smooth-scroll |
true(mặc định) hoặcfalse |
Áp dụng scroll-behavior: smoothtrên toàn cầu, ngoại trừ người dùng yêu cầu giảm chuyển động thông qua prefers-reduced-motiontruy vấn phương tiện |