Μεταφέρετε νόημα μέσω του χρώματος με μια χούφτα κατηγορίες χρησιμότητας χρωμάτων. Περιλαμβάνει επίσης υποστήριξη για συνδέσμους στυλ με καταστάσεις αιώρησης.
Χρώμα
.κείμενο-πρωτοβάθμιο
.κείμενο-δευτερεύον
.κείμενο-επιτυχία
.κείμενο-κίνδυνος
.κείμενο-προειδοποίηση
.κείμενο-πληροφορίες
.κείμενο-φως
.κείμενο-σκοτεινό
.κείμενο-σώμα
.κείμενο-σίγαση
.κείμενο-λευκό
.κείμενο-μαύρο-50
.κείμενο-λευκό-50
Οι τάξεις κειμένου με βάση τα συμφραζόμενα λειτουργούν επίσης καλά σε άγκυρες με τις παρεχόμενες καταστάσεις αιώρησης και εστίασης. Σημειώστε ότι η κατηγορία .text-whiteκαι .text-mutedδεν έχει πρόσθετο στυλ συνδέσμου πέρα από την υπογράμμιση.
Παρόμοια με τις κατηγορίες χρωμάτων κειμένου με βάση τα συμφραζόμενα, ορίστε εύκολα το φόντο ενός στοιχείου σε οποιαδήποτε κλάση με βάση τα συμφραζόμενα. Τα στοιχεία αγκύρωσης θα σκουραίνουν όταν τοποθετείτε το δείκτη του ποντικιού, όπως και οι κλάσεις κειμένου. Τα βοηθητικά προγράμματα παρασκηνίου δεν ορίζονταιcolor , επομένως σε ορισμένες περιπτώσεις θα θέλετε να χρησιμοποιήσετε .text-*βοηθητικά προγράμματα.
.βγ-πρωτοβάθμιο
.βγ-δευτερεύον
.bg-επιτυχία
.βγ-κίνδυνος
.bg-προειδοποίηση
.bg-info
.βγ-φως
.βγ-σκοτεινός
.bg-λευκό
.bg-διαφανές
Κλίση φόντου
Όταν $enable-gradientsοριστεί σε αληθές, θα μπορείτε να χρησιμοποιήσετε .bg-gradient-κατηγορίες βοηθητικών προγραμμάτων. Από προεπιλογή, $enable-gradientsείναι απενεργοποιημένο και το παρακάτω παράδειγμα είναι σκόπιμα σπασμένο. Αυτό γίνεται για ευκολότερη προσαρμογή από τη στιγμή που ξεκινάτε να χρησιμοποιείτε το Bootstrap. Μάθετε για τις επιλογές μας Sass για να ενεργοποιήσετε αυτές τις τάξεις και πολλά άλλα.
.bg-gradient-primary
.bg-gradient-secondary
.bg-gradient-success
.bg-gradient-danger
.bg-gradient-warning
.bg-gradient-info
.bg-gradient-light
.bg-gradient-dark
Η ενασχόληση με την ιδιαιτερότητα
Μερικές φορές οι κλάσεις συμφραζομένων δεν μπορούν να εφαρμοστούν λόγω της ιδιαιτερότητας ενός άλλου επιλογέα. Σε ορισμένες περιπτώσεις, μια επαρκής λύση είναι να τυλίξετε το περιεχόμενο του στοιχείου σας σε ένα <div>με την τάξη.
Μετάδοση νοήματος στις υποστηρικτικές τεχνολογίες
Η χρήση χρώματος για να προσθέσετε νόημα παρέχει μόνο μια οπτική ένδειξη, η οποία δεν θα μεταδοθεί στους χρήστες βοηθητικών τεχνολογιών – όπως οι συσκευές ανάγνωσης οθόνης. Βεβαιωθείτε ότι οι πληροφορίες που υποδηλώνονται με το χρώμα είναι είτε προφανείς από το ίδιο το περιεχόμενο (π.χ. το ορατό κείμενο), είτε περιλαμβάνονται με εναλλακτικά μέσα, όπως πρόσθετο κείμενο που είναι κρυμμένο με την .sr-onlyτάξη.