Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS][inne] Modyfikacja Bootstrapa, Jak to robić z głową?
kosmos
post
Post #1





Grupa: Zarejestrowani
Postów: 367
Pomógł: 17
Dołączył: 4.03.2008

Ostrzeżenie: (0%)
-----


Cześć,

Czy modyfikacja pliku Bootstrap.css jest wskazana czy zakazana? W jaki sposób przeprowadzacie zmiany?

Przykład oryginalnego kawałka kodu:

  1. .navbar-default .navbar-nav > li > a {
  2. color: #777;
  3. }

chcę zmienić kolor tekstu na biały.

1. Tworzycie osobny plik CSS i przeciążacie plik Bootstrap.css?
2. Kopiujecie oryginalny kawałek kodu i wprowadzacie zmiany po czym zmieniacie nazwę klasy?



Go to the top of the page
+Quote Post
Comandeer
post
Post #2





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

Ostrzeżenie: (0%)
-----


Raczej jestem wierny ideologii BEM i wszystkie tego typu modyfikacje wprowadzam na zasadzie klasy-modyfikatora - oczywiście w osobnym pliku CSS.

Jednak zacznijmy od tego, że Bootstrap to przede wszystkim LESS i warto bawić się jego LESS-owymi źródłami a nie wyplutym CSS (IMG:style_emoticons/default/wink.gif) W LESS masz dostęp nawet do mixinów tworzących odpowiednie klasy, więc praktycznie można sobie wygenerować własnego Bootstrapa dostosowanego do naszego projektu.
Go to the top of the page
+Quote Post
kosmos
post
Post #3





Grupa: Zarejestrowani
Postów: 367
Pomógł: 17
Dołączył: 4.03.2008

Ostrzeżenie: (0%)
-----


Nie chcę az tak bardzo zagłębiać się w Twoją wypowiedź - póki co.

Czyli kopia kodu z bootstrap.css do osobnego pliku style.css z własną modyfikacją - działa poprawnie.
Dzięki za odpowiedź
Go to the top of the page
+Quote Post
Pyton_000
post
Post #4





Grupa: Zarejestrowani
Postów: 8 068
Pomógł: 1414
Dołączył: 26.10.2005

Ostrzeżenie: (0%)
-----


Nie, nie kopia. Nadpisujesz tylko to co potrzeba.
Go to the top of the page
+Quote Post
kosmos
post
Post #5





Grupa: Zarejestrowani
Postów: 367
Pomógł: 17
Dołączył: 4.03.2008

Ostrzeżenie: (0%)
-----


Tak, dokładnie o to mi chodziło, faktycznie mało precyzyjne wyraziłem się w poprzednim poście.

Ten post edytował kosmos 23.06.2015, 21:13:17
Go to the top of the page
+Quote Post
com
post
Post #6





Grupa: Zarejestrowani
Postów: 3 034
Pomógł: 366
Dołączył: 24.05.2012

Ostrzeżenie: (0%)
-----


w bootstrap dokładnie o to właśnie chodzi, podobnie w innych tego typu, to jest tylko baza zakodowana i przetestowana (IMG:style_emoticons/default/wink.gif) nigdy nie zmienia się nic w core, tak samo masz w php czy czymkolwiek (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 24.08.2025 - 13:59