Փոխանցեք իմաստը գույնի միջոցով մի քանի գունային օգտակար դասերի միջոցով: Ներառում է նաև հովերի վիճակների հետ ոճավորող հղումների աջակցություն:
Գույն
.տեքստ-առաջնային
.տեքստային-երկրորդական
.տեքստ-հաջողություն
.տեքստ-վտանգ
.տեքստային նախազգուշացում
.text-info
.տեքստ-լույս
.տեքստ-մութ
.տեքստ-մարմին
.text-muted
.տեքստ-սպիտակ
.տեքստ-սև-50
.տեքստ-սպիտակ-50
Համատեքստային տեքստային դասերը նույնպես լավ են աշխատում խարիսխների վրա՝ տրամադրված սավառնող և ֆոկուս վիճակներով: Նկատի ունեցեք, որ .text-whiteև .text-mutedդասը չունի ընդգծումից դուրս հղման լրացուցիչ ոճավորում:
Համատեքստային տեքստի գունային դասերի նման, հեշտությամբ սահմանեք տարրի ֆոն ցանկացած համատեքստային դասի: Խարիսխի բաղադրիչները կմգանան սավառնելիս, ինչպես տեքստային դասերը: Ֆոնային կոմունալ ծառայությունները չեն սահմանվումcolor , ուստի որոշ դեպքերում դուք կցանկանաք օգտվել .text-*կոմունալ ծառայություններից:
.բգ-առաջնային
.բգ-երկրորդական
.bg-հաջողություն
.բգ-վտանգ
.bg-նախազգուշացում
.bg-info
.բգ-լույս
.բգ-մութ
.bg-սպիտակ
.bg-թափանցիկ
Ֆոնի գրադիենտ
Երբ $enable-gradientsսահմանված է «true», դուք կկարողանաք օգտագործել .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>դասի հետ a-ով փաթաթելը:
Օժանդակ տեխնոլոգիաներին իմաստ հաղորդելը
Գույնի օգտագործումը իմաստ ավելացնելու համար միայն տեսողական ցուցում է տալիս, որը չի փոխանցվի օժանդակ տեխնոլոգիաների օգտագործողներին, ինչպիսիք են էկրանի ընթերցողները: Համոզվեք, որ գույնով նշված տեղեկատվությունը կա՛մ ակնհայտ է հենց բովանդակությունից (օրինակ՝ տեսանելի տեքստից), կա՛մ ներառված է այլընտրանքային միջոցներով, ինչպիսիք են .sr-onlyդասի հետ թաքցված լրացուցիչ տեքստը: