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 test
nếu cần.
scss/_variables.scss
Bạ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-radius kiểu được xác định trước trên các thành phần khác nhau. |
$enable-shadows |
true hoặc false (mặc định) |
Cho phép các box-shadow kiể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-shadow các trạng thái tiêu điểm được sử dụng. |
$enable-gradients |
true hoặc false (mặc định) |
Bật các gradient được xác định trước thông qua background-image cá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 transition trên các thành phần khác nhau. |
$enable-reduced-motion |
true (mặc định) hoặcfalse |
Bật prefers-reduced-motion truy 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ụ:, .row v.v. .col-md-1 ). |
$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-image cá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 |
true hoặ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 !important hậu tố trong các lớp tiện ích. |
$enable-smooth-scroll |
true (mặc định) hoặcfalse |
Áp dụng scroll-behavior: smooth trê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-motion truy vấn phương tiện |