Bootstrap har sine egne selektorer for at knytte bestemte fraver til knapper etc. og baggrunde:
Knapper
En knap kan gives en af 6 forskellige standardfarver eller være et link. De identificeres ikke ved deres farvenavn, men ved eb 'situationsbeskrivelse':
Fuldfarvede knapper
primary
secondary
info
success
warning
danger
link
Outline
primary
secondary
info
success
warning
danger
Selektor strukturen for de 6 farver er ens. For link er den lidt anderledes.
'Default'-knappen vises når 'btn-xxx' udelades.
Outline knapperne vises når 'btn-xxx' ændres til 'btn-xxx-outline'. (Ikke etableret for Info).
Farver
Farverne for en knap styres via 6 sæt selektorer (her primary farven.):
Er der behov for at overstyre en af farverne kan dens farveselektorer indsættes i 'Bootcss' og farvekoderne ændres til det ønskede.
Er der derimod behov for en ekstra farve farveselektorer indsættes i 'Egencss'. Navnet ændres da (f.eks til tekstnavnet på hovedfarven) og farvekoderne ændret til det ønskede.
Link
Farverne til et link styres af følgende selektorer:
Baggrundsfarven kan ændres ved at indsætte denne kode i Bootcss.css filen:
body {
background-color: gyldig farvekode;
}
Øvrige farver
Udover ovennævnte anvendes farver så mange steder og på så forskellige måder rundt om i Bootstrap, at en beskrivelse ikke vil være overkommelig. Ved behov for viden om en farve vil det være nødvendigt, at finde den i Bootstrap-filen og derfra håndtere det aktuelle behov.