Chuyển đến nội dung chính Chuyển đến điều hướng tài liệu
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-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