czwartek, 31 marca 2016

Bootstrap: Jak zmienić tło, zmiana koloru tła na inny

Aktualizacja 2.05.2017
Bootstrap jest to framewrok, który jest stosowany przez webmasterów i programistów tworzących aplikacje lub strony internetowe.
W internecie pojawiają się też pytania, jak zmienić kolor tła na inny.
Kto zna CSS nie powinien mieć z tym żadnych problemów. Wystarczy zmienić w jednej linii kolor na inny.Jak robimy? To proste!
Należy odszukać w pliku css, który mamy dołączony do dokumentu html (bootstrap.css lub bootstrap.min.css), element  body a w nim zmienić po  background-color: #XXXXXX  na inny kolor, gdzie #XXXXXX to nazwa koloru. Przykład:
Mamy w pliku bootstrap.css:
background-color: #000000; i chcemy zmienić na inny kolor. Wystarczy zmienić z #000000 na #ffffff i nic więcej.
Uwaga!
Jeżeli po zmianie nie będzie działać, należy po danym kolorze dodać słowo !important, który łamie zasady styli CSS i nadaje kolor taki jaki ma być.
Jeżeli w odpowiednim miejscu zmieniłeś ( w BODY) kolor tła  i nadal brak efektu, to drugim i sprawdzonym rozwiązaniem będzie utworzenie nowego pliku CSS. I wystarczy to samo napisać:

  BODY{background-color: #XXXXXX !important; // dany kolor }

Tak samo robimy jeżeli chcemy dać obrazek tła. Wystarczy zamiast background-color napisać background-image: ścieżka obrazka.

Wystarczy znać CSS i zmienić jedną linię kodu i mamy inne tło. To samo dotyczy zmiany tła graficznego.
Po background-image: url("ścieżka do pliku") !important;, dajemy słowo !important.

To tyle na ten temat:)