Bootstrap: Bootstrap Overschrijven
Bemerking
Plaats altijd je eigen CSS en JS onder die van Bootstrap.
Hierdoor kan je de Bootstrap code overschrijven in plaats van dat de Bootstrap code jouw eigen code probeert te overschrijven (natuurlijk rekening houdend met ‘specificity’).
Je kan BS klassen overschrijven in je eigen CSS stylesheet of door er een eigen klasse aan toe te voegen met css die zwaarder doorweegt (specificity).
Best ga je wel eerst opzoeken waarom BS iets doet aangezien dit onverwachte gevolgen kan hebben als je te snel aanpassingen begint te maken. De zoekfunctie op de website van getbootstrap.com is hierbij zeer handig.
Illustratie waarom je best eerst nagaat waarom BS iets doet
In BS kunnen we een ‘grid’ layout (dambord-patroon) maken door gebruik te maken van .row en .col klassen.
Hierbij heeft elke ‘row’ een negatieve marge van -15px die door de parent container wordt tegengewerkt (met een padding van 15px) om inhoud te aligneren.
Je kan dus best niet zomaar de marge of padding van deze klassen overschrijven!
Op de website van getbootstrap kan je immers terugvinden dat er een extra klasse bestaat die je kan toevoegen (.no-gutters) om de horizontale padding (gutter) tussen kolommen van je ‘grid’ weg te werken.