გადმოსცეთ მნიშვნელობა ფერის მეშვეობით რამდენიმე ფერის სასარგებლო კლასებით. ასევე მოიცავს სტილის ბმულების მხარდაჭერას hover მდგომარეობებთან ერთად.
ფერი
.ტექსტი-პირველადი
.ტექსტი-მეორადი
.ტექსტი-წარმატება
.ტექსტი-საშიშროება
.ტექსტ-გაფრთხილება
.ტექსტი-ინფორმაცია
.ტექსტი-სინათლე
.ტექსტი-ბნელი
.ტექსტი-სხეული
.ტექსტი დადუმდა
.ტექსტი-თეთრი
.ტექსტი-შავი-50
.ტექსტი-თეთრი-50
კონტექსტური ტექსტის კლასები ასევე კარგად მუშაობს წამყვანებზე მოწოდებული ჰოვერისა და ფოკუსირების მდგომარეობებით. გაითვალისწინეთ, რომ .text-whiteდა .text-mutedკლასს არ აქვს დამატებითი ბმულის სტილი ხაზგასმის მიღმა.
ტექსტის კონტექსტური ფერის კლასების მსგავსად, მარტივად დააყენეთ ელემენტის ფონი ნებისმიერ კონტექსტურ კლასში. ანკორის კომპონენტები ჩაბნელდება სვლისას, ისევე როგორც ტექსტის კლასები. ფონური უტილიტები არ არის დაყენებულიcolor , ამიტომ ზოგიერთ შემთხვევაში მოგინდებათ .text-*კომუნალური პროგრამების გამოყენება.
.ბგ-პირველადი
.ბგ-მეორადი
.ბგ-წარმატება
.ბგ-საფრთხე
.ბგ-გაფრთხილება
.bg-info
.ბგ-სინათლე
.ბგ-ბნელი
.ბგ-თეთრი
.ბგ-გამჭვირვალე
ფონის გრადიენტი
როდესაც $enable-gradientsდაყენებულია true-ზე, თქვენ შეძლებთ გამოიყენოთ .bg-gradient-სასარგებლო კლასები. ნაგულისხმევად, $enable-gradientsგამორთულია და ქვემოთ მოყვანილი მაგალითი განზრახ გატეხილია. ეს კეთდება მარტივი პერსონალიზაციისთვის Bootstrap-ის გამოყენების დაწყების მომენტიდან. შეიტყვეთ ჩვენი Sass ვარიანტების შესახებ , რათა ჩართოთ ეს კლასები და სხვა.
.ბგ-გრადიენტი-პირველადი
.ბგ-გრადიენტი-მეორადი
.bg-გრადიენტი-წარმატება
.ბგ-გრადიენტი-საფრთხე
.bg-gradient-warning
.bg-gradient-info
.ბგ-გრადიენტი-სინათლე
.ბგ-გრადიენტი-ბნელი
საქმე კონკრეტულობასთან
ზოგჯერ კონტექსტური კლასების გამოყენება შეუძლებელია სხვა სელექტორის სპეციფიკის გამო. ზოგიერთ შემთხვევაში, საკმარისი გამოსავალია თქვენი ელემენტის შინაარსი <div>კლასთან a-ში შეფუთვა.
დამხმარე ტექნოლოგიების მნიშვნელობის გადმოცემა
მნიშვნელობის დასამატებლად ფერის გამოყენება მხოლოდ ვიზუალურ მითითებას იძლევა, რომელიც არ იქნება გადაცემული დამხმარე ტექნოლოგიების მომხმარებლებს - როგორიცაა ეკრანის წამკითხველები. დარწმუნდით, რომ ფერით აღნიშული ინფორმაცია ან აშკარაა თავად შინაარსიდან (მაგ. ხილული ტექსტი), ან შეტანილია ალტერნატიული საშუალებებით, როგორიცაა დამატებითი ტექსტი, რომელიც დამალულია .sr-onlyკლასში.