Μετάβαση στο κύριο περιεχόμενο Μετάβαση στην πλοήγηση εγγράφων
Check
in English

Επιλογές

Προσαρμόστε γρήγορα το Bootstrap με ενσωματωμένες μεταβλητές για εύκολη εναλλαγή των καθολικών προτιμήσεων CSS για τον έλεγχο του στυλ και της συμπεριφοράς.

Προσαρμόστε το Bootstrap με το ενσωματωμένο αρχείο προσαρμοσμένων μεταβλητών μας και αλλάξτε εύκολα τις καθολικές προτιμήσεις CSS με νέες $enable-*μεταβλητές Sass. Αντικαταστήστε την τιμή μιας μεταβλητής και μεταγλωττίστε ξανά npm run testόπως απαιτείται.

Μπορείτε να βρείτε και να προσαρμόσετε αυτές τις μεταβλητές για βασικές καθολικές επιλογές στο scss/_variables.scssαρχείο του Bootstrap.

Μεταβλητός Αξίες Περιγραφή
$spacer 1rem(προεπιλογή) ή οποιαδήποτε τιμή > 0 Καθορίζει την προεπιλεγμένη τιμή διαχωριστή για τη δημιουργία προγραμματικών προγραμμάτων διαχωρισμού .
$enable-rounded true(προεπιλογή) ήfalse Ενεργοποιεί προκαθορισμένα border-radiusστυλ σε διάφορα στοιχεία.
$enable-shadows trueή false(προεπιλογή) Ενεργοποιεί προκαθορισμένα διακοσμητικά box-shadowστυλ σε διάφορα εξαρτήματα. Δεν επηρεάζει box-shadowτα s που χρησιμοποιούνται για καταστάσεις εστίασης.
$enable-gradients trueή false(προεπιλογή) Ενεργοποιεί προκαθορισμένες διαβαθμίσεις μέσω background-imageστυλ σε διάφορα στοιχεία.
$enable-transitions true(προεπιλογή) ήfalse Ενεργοποιεί προκαθορισμένα transitions σε διάφορα στοιχεία.
$enable-reduced-motion true(προεπιλογή) ήfalse Ενεργοποιεί το prefers-reduced-motionερώτημα πολυμέσων , το οποίο καταστέλλει ορισμένες κινούμενες εικόνες/μεταβάσεις με βάση τις προτιμήσεις του προγράμματος περιήγησης/του λειτουργικού συστήματος των χρηστών.
$enable-grid-classes true(προεπιλογή) ήfalse Επιτρέπει τη δημιουργία κλάσεων CSS για το σύστημα πλέγματος (π.χ. .row, .col-md-1, κ.λπ.).
$enable-container-classes true(προεπιλογή) ήfalse Ενεργοποιεί τη δημιουργία κλάσεων CSS για κοντέινερ διάταξης. (Νέο στην έκδοση 5.2.0)
$enable-caret true(προεπιλογή) ήfalse Ενεργοποιεί το ψευδοστοιχείο στο .dropdown-toggle.
$enable-button-pointers true(προεπιλογή) ήfalse Προσθέστε δρομέα "χεριού" σε μη απενεργοποιημένα στοιχεία κουμπιών.
$enable-rfs true(προεπιλογή) ήfalse Καθολικά ενεργοποιεί το RFS .
$enable-validation-icons true(προεπιλογή) ήfalse Ενεργοποιεί background-imageεικονίδια σε εισόδους κειμένου και ορισμένες προσαρμοσμένες φόρμες για καταστάσεις επικύρωσης.
$enable-negative-margins trueή false(προεπιλογή) Επιτρέπει τη δημιουργία βοηθητικών προγραμμάτων αρνητικού περιθωρίου .
$enable-deprecation-messages true(προεπιλογή) ήfalse Ρυθμίστε σε falseγια απόκρυψη προειδοποιήσεων κατά τη χρήση οποιασδήποτε από τις καταργημένες μίξεις και λειτουργίες που έχουν προγραμματιστεί να αφαιρεθούν στο v6.
$enable-important-utilities true(προεπιλογή) ήfalse Ενεργοποιεί το !importantεπίθημα σε κατηγορίες βοηθητικών προγραμμάτων.
$enable-smooth-scroll true(προεπιλογή) ήfalse Ισχύει scroll-behavior: smoothπαγκοσμίως, εκτός από τους χρήστες που ζητούν μειωμένη κίνηση μέσω prefers-reduced-motionερωτήματος μέσων