Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS][inne] Modyfikacja Bootstrapa, Jak to robić z głową?
kosmos
post 23.06.2015, 19:36:16
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
 
Start new topic
Odpowiedzi (1 - 5)
Comandeer
post 23.06.2015, 19:41:30
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 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 23.06.2015, 19:47:55
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 23.06.2015, 20:47:30
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 23.06.2015, 21:12:51
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 23.06.2015, 21:55:55
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 wink.gif nigdy nie zmienia się nic w core, tak samo masz w php czy czymkolwiek smile.gif
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 00:21