ഒരുപിടി വർണ്ണ യൂട്ടിലിറ്റി ക്ലാസുകൾ ഉപയോഗിച്ച് നിറത്തിലൂടെ അർത്ഥം അറിയിക്കുക. ഹോവർ സ്റ്റേറ്റുകളുള്ള സ്റ്റൈലിംഗ് ലിങ്കുകൾക്കുള്ള പിന്തുണയും ഉൾപ്പെടുന്നു.
നിറം
.ടെക്സ്റ്റ്-പ്രൈമറി
.ടെക്സ്റ്റ്-സെക്കൻഡറി
.ടെക്സ്റ്റ്-വിജയം
.ടെക്സ്റ്റ്-അപകടം
.വാചകം-മുന്നറിയിപ്പ്
.ടെക്സ്റ്റ്-വിവരം
.ടെക്സ്റ്റ്-ലൈറ്റ്
.ടെക്സ്റ്റ്-ഇരുണ്ട
.ടെക്സ്റ്റ്-ബോഡി
.വാചകം നിശബ്ദമാക്കി
.ടെക്സ്റ്റ്-വൈറ്റ്
.ടെക്സ്റ്റ്-ബ്ലാക്ക്-50
.ടെക്സ്റ്റ്-വൈറ്റ്-50
നൽകിയിരിക്കുന്ന ഹോവർ, ഫോക്കസ് സ്റ്റേറ്റുകളുള്ള ആങ്കറുകളിലും സന്ദർഭോചിതമായ പാഠ ക്ലാസുകൾ നന്നായി പ്രവർത്തിക്കുന്നു. അടിവരയേക്കാൾ അധിക ലിങ്ക് സ്റ്റൈലിംഗും ക്ലാസിനും ഇല്ലെന്ന കാര്യം ശ്രദ്ധിക്കുക ..text-white.text-muted
സന്ദർഭോചിതമായ ടെക്സ്റ്റ് കളർ ക്ലാസുകൾക്ക് സമാനമായി, ഒരു എലമെന്റിന്റെ പശ്ചാത്തലം ഏത് സാന്ദർഭിക ക്ലാസിലേക്കും എളുപ്പത്തിൽ സജ്ജമാക്കുക. ടെക്സ്റ്റ് ക്ലാസുകൾ പോലെ ഹോവർ ചെയ്യുമ്പോൾ ആങ്കർ ഘടകങ്ങൾ ഇരുണ്ടുപോകും. പശ്ചാത്തല യൂട്ടിലിറ്റികൾ സജ്ജമാക്കിയിട്ടില്ലcolor , അതിനാൽ ചില സന്ദർഭങ്ങളിൽ നിങ്ങൾ .text-*യൂട്ടിലിറ്റികൾ ഉപയോഗിക്കാൻ ആഗ്രഹിക്കും.
.bg-പ്രൈമറി
.bg-സെക്കൻഡറി
.bg-വിജയം
.bg-അപകടം
.bg-മുന്നറിയിപ്പ്
.bg-info
.ബിജി-ലൈറ്റ്
.bg-ഇരുട്ട്
.bg-വെള്ള
.bg-സുതാര്യം
പശ്ചാത്തല ഗ്രേഡിയന്റ്
ശരി എന്ന് സജ്ജീകരിക്കുമ്പോൾ , $enable-gradientsനിങ്ങൾക്ക് .bg-gradient-യൂട്ടിലിറ്റി ക്ലാസുകൾ ഉപയോഗിക്കാനാകും. ഡിഫോൾട്ടായി, $enable-gradientsപ്രവർത്തനരഹിതമാക്കുകയും ചുവടെയുള്ള ഉദാഹരണം മനഃപൂർവ്വം തകർക്കുകയും ചെയ്യുന്നു. നിങ്ങൾ ബൂട്ട്സ്ട്രാപ്പ് ഉപയോഗിക്കാൻ തുടങ്ങിയ നിമിഷം മുതൽ എളുപ്പമുള്ള ഇഷ്ടാനുസൃതമാക്കലിനായി ഇത് ചെയ്യുന്നു. ഈ ക്ലാസുകളും മറ്റും പ്രവർത്തനക്ഷമമാക്കുന്നതിനുള്ള ഞങ്ങളുടെ 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വർണ്ണത്താൽ സൂചിപ്പിച്ചിരിക്കുന്ന വിവരങ്ങൾ ഒന്നുകിൽ ഉള്ളടക്കത്തിൽ നിന്ന് തന്നെ വ്യക്തമാണെന്ന് ഉറപ്പാക്കുക (ഉദാഹരണത്തിന് ദൃശ്യമായ വാചകം), അല്ലെങ്കിൽ ക്ലാസിനൊപ്പം മറച്ചിരിക്കുന്ന അധിക വാചകം പോലെയുള്ള ഇതര മാർഗങ്ങളിലൂടെ ഉൾപ്പെടുത്തിയിരിക്കുന്നു .