Bootstrap podstawy. Problem z background color.

Question

Czesc. Zaczynam własnie zabawe z Bootstrapem i nie mam pojecia dlaczego nie moge ustawic background color dla diva z klasą .jumbotron?

Zamieszczam kod:

https://codepen.io/anon/pen/RxMYyj

Answer 1

Kolejność umieszczania stylów ma kluczowe znaczenie. Kolejne przysłaniają poprzednie. Css - cascading style sheets. KASKADOWE . Umieść własny arkusz za arkuszem bootstrapa. Jeżeli to nie pomoże dodaj drugą klasę do jumbotron np.  bg-jumbotron i zwiększ siłę stylu

.jumbotron.bg-jumbotron
{
	color: blue;
	background-color: black;
}

 

Comments

Jeszcze jedna możliwość to użycie bardziej precyzyjnego odniesienia. Twój jumbotron znajduje się w div .container więc użyj

.container .jumbotron
{
	color: blue;
	background-color: black;
}

 

Answer 2

Ostatecznie można użyć

.jumbotron {
   background-color: black !important;
}

 

Comments

Aktualnie nie mam mozliwosci sprawdzenia czy poprawka działa. Jezeli jednak by działała, dlaczego wazne jest wstawienie komunikatu !important?

Pozdrawiam

---

Żeby nadać wyższy priorytet regle i przebić regułę bootstrapa.

---

Nie zgodne ze specyfikacją