Bootstrap met eigen CSS aanpassen

Als je een template maakt met Bootstrap zijn hier al heel veel stijlen en mogelijkheden aanwezig die je kan gebruiken.
Maar mocht je toch zelf aanpassingen willen doorvoeren dan is het verstandig dit niet in de CSS van Bootstrap zelf te doen.
Als je namelijk Bootstrap wil updaten worden alle bestanden overschreven en zijn alle aanpassingen verloren gegaan.
apple touch icon






Wat je beste kan doen is zelf een CSS bestand aanmaken bv. custom_bootstrap.css
Open dit bestand en plaats zet hier de volgende css code erin.
bootstrapc2
Deze aanpassing zorgt ervoor dat het lettertype wat standaard op 14 px overal op 10 px komt te staan.
Maar om deze aanpassing te laten doorvoeren moet in het index bestand nog een verwijzing aangemaakt worden naar de custom_bootstrap.css
Die ziet er als volgt uit:
bootstrapc1
Let op ! dat je de custom_bootstrap.css na de standaard bootstrap.min.css plaats anders werkt deze namelijk niet.