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ặc`false`	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ặc`false`	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ặc`false`	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ặc`false`	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-container-classes`	`true`(mặc định) hoặc`false`	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ặc`false`	Bật dấu mũ phần tử giả `.dropdown-toggle`.
`$enable-button-pointers`	`true`(mặc định) hoặc`false`	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ặc`false`	Toàn cầu cho phép RFS .
`$enable-validation-icons`	`true`(mặc định) hoặc`false`	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ặc`false`	Đặ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ặc`false`	Bật `!important`hậu tố trong các lớp tiện ích.
`$enable-smooth-scroll`	`true`(mặc định) hoặc`false`	Á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