Stylizacja Bootstrap

Question

Witam.

Czy na internecie są jakieś poradniki dotyczące stylizowania strony opartej na frameworku Bootstrapa? Zna ktoś takiecoś?

Nie chodzi mi o generatory kodu, który czasem zawiera masę niepotrzebnych linijek.

Podstawy html5 i css3 znam ale czasem zaczynam się gubić jak wystylizować jakiś element tego frameworka i zaczynam szukać w google, a z tym jest już ciężko.

Pomału uczę się jak to wykorzystać. Wiem jak wstawiać elementy bo są one opisane na stronie getbootstrap.com, no ale głownie mi chodzi o zmianę kolorystyki, szerokości elementów czy nawet wyłączenie responzywności / zwijania strony by była ona statyczna, chociaż nie wiem czy tak się da.

Dzieki za odpowiedzi :)

Answer 1

Najprostszy sposób to sprawdzanie stylów za pomocą narzędzi dla webmastera (zbadaj element) wbudowanych w przeglądarce. W łatwy sposób zmienisz odpowiednie atrybuty. Jest to rozwiązanie stosowane przez każdego frontendowca.

Jeszcze innym sposobem jest ściągnięcie wersji deweloperskiej i tam zamiana stylów - tylko nie polecam tego robić z prostego powodu, niepotrzebnie nadpiszesz domyślne style bootstrapa przez co przy aktualizacji do nowszej wersji twoje zmiany zostaną zastąpione, dlatego jak już to wszelką stylizację rób we własnym pliku .css/.less/.sass/.scss

Możesz również na oficjanlnej stronie skorzystać z udostępnionego narzędzia do dostosowanie elementów według ciebie - http://getbootstrap.com/customize/ ;)

Answer 2

Tu masz spory poradnik:

http://kursbootstrap.pl/category/bootstrap-3-2/

a tu jak bezpiecznie edytować: http://burczu-programator.pl/blog/bootstrap-dostosowac-domyslny-wyglad-wlasnych-potrzeb

Comments

blog burczu-programator przeniósł się w nowe miejsce - podaję więc nowy adres powyższego linku: http://nafrontendzie.pl/jak-dostosowac-wyglad-bootstrap/

Answer 3

Tu poradnik http://webroad.pl/inne/577-kurs-bootstrap-1

Answer 4

http://startbootstrap.com/

Fajna stronka z szablonami do bootstrapa, sam jestem przeciwny kopiowaniu całej strony, ale można podpatrzeć rozwiązania i pomysły na strone w tymże frameworku.

Polecam również aplikacje na androida (nie wiem czy jest w IOS ) Bootstraper, jeżeli znasz angielski.

Answer 5

Wielkie dzięki za odpowiedzi :)

Z narzedzia Google Chrome czyli Tryb Webmastera próbowałem korzystać, ale czasami ciężko.