0 szavazat
(1,6e pont) által 

Sziasztok!

Bootstrap alapok/Saját CSS használata leckénél miután a JSBin-ben rányomtam a Bootstrap Latest-re megváltozott az Output kinézete, ahogy várta, de utána hiába adtam meg új CSS szabályt, az csak egy pillanatra írta felül a Bootstrap-ot, utána visszaállt.

A JSBin itt található

1 válasz

0 szavazat
(1,6e pont) által 
által kiválasztott
 
Legjobb válasz

Szia!

Példaképpen, az alábbi kódod nem tudja felülírni a bootstrap kódját:

.jumbotron {
  color: red;
}

Viszont ha a fent lévő CSS szabályhoz (color: red;) hozzáírjük az !important szócskát, egyből felül fogja írni a bootstrap-et.

.jumbotron {
  color: red !important;
}
(120 pont) által 
Az "important" használatát nem javaslom, mert nagyon összezavarja a css öröklési mechanizmusát, és a kód nehezebben lesz karbantartható.
Valamint nem javaslom a bootstrap beépített classainak módosítását sem.
Ha szeretnéd annak a divnek a kinézetét módosítani, inkább adj neki egy-két újabb osztályt, és egy jobban specifikált (https://css-tricks.com/specifics-on-css-specificity/) css kiválasztót. Pl.
.myjumbotron.red { ...
...