Skocz do zawartości

Bootstrap 4 CDN - zmiana wartości stylu (kolorystyka itp)


Mativve
 Udostępnij

Rekomendowane odpowiedzi

  • Administrator

Witajcie

Tworzę sobie stronkę na bootstrapie. Pliki zaciągam z CDNa według ich "Quick start". Potrzebuję zmienić kilka domyślnych wartości.

Przeszukałem internet. Znalazłem jakieś generatory ale nie odpowiadały mi zbytnio. Znalazłem tez porady, że można skopiować cały :root{...} i po prostu go podmienić. No niestety ten sposób też nie działa (tak, czyściłem cache).

Znacie bądź korzystacie ze sprawdzonych sposobów na zmianę wartości (kolorów itp) w bootstrapie?

Dzięki za odpowiedzi

Odnośnik do komentarza
Udostępnij na innych stronach

  • Ekspert

@Mativve przecież lepiej to zrobić manualnie niż kombinować, kompilacja plików to chwila, a problemów sobie nie będziesz robił w szukaniu rozwiązania, jak jest inne (wg mnie) prostsze wyjście.

Do tego zaciąganie całego BS też się wiąże z niepotrzebnym obciążaniem strony, a co za tym idzie, trudniej zoptymalizować stronę, a w następstwie wpływa to na pozycję w Google (nie wiadomo jak bardzo, ale ma znaczenie).

Inna sprawa, że CDNy lubią czasem nie działać, nawet te najpopularniejsze z jQuery. Co prawda rzadko się to zdarza, ale jednak, dlatego zazwyczaj wolę mieć pliki zawsze na swoim serwerze, jeżeli jest taka możliwość.

Odnośnik do komentarza
Udostępnij na innych stronach

  • Ekspert

@Mativve pobierasz pliki źródłowe, importujesz co potrzebujesz do wykorzystania, a zmienne nadpisujesz w swoim pliku scss, a nie w tym Bootstrapowym. Teoretycznie możesz zrobić to też w tym Bootstrapowym, ale wtedy za każdym razem nie masz czystego Bootstrapa prosto ze strony, a nadpisany plik ze swoimi kolorami itd. Dodając własny plik ze zmiennymi zawsze można wrócić do pierwotnej wersji, zamiast ściągać ją na nowo.

Korzystam z Gulpa, więc tam też sobie kompiluję SCSSy. Grunta też można do tego użyć, webpacka teraz coraz częściej się wykorzystuje do projektów, ale tak naprawdę każdy pierwszy lepszy kompilator się do tego nada. Niektóre programy mają nawet wbudowany system kompilowania, a jedynie Sassa trzeba zainstalować do systemu (co i tak [prawie?] zawsze trzeba zrobić przy wyżej wymienionych task runnerach/bundlerach, które wymieniłem).

Odnośnik do komentarza
Udostępnij na innych stronach

Problem wciąż nierozwiązany? Dodaj swoją odpowiedź

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto. Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
 Udostępnij

  • Ostatnio przeglądający

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
  • Podobna zawartość

    • Witam, szukam kogoś kto podejmie się stworzenia stylu pod IPS 4.5
      Zależy mi na grafice oraz zakodowaniu.
      Po więcej informacji zapraszam do kontaktu.
      PW
      Steam Community :: mcncc CS-Online.pl
      gg:32481744
      mcncckontakt@gmail.com
    • Sprzedam: Styl dla IPS Community Suite 4.3.x / 4.4.x 
      Płatność: PayPal, Przelew.
      Kontakt: Tylko i wyłącznie tutaj na forum.
      Link umieszczam gdzie można oficjalnie zakupić styl, chyba że nie posiada ktoś licencji to niech napisze do mnie na pw.
      R2S Theme Piorun - Themes - Invision Community
      Dodaję również grafikę prezentującą.




    • Witajcie, jest to kolejny poradnik zaliczający się do kompendium początkującego Web Developera napisany po dość długim odstępie czasu od ostatniego tutoriala, który możecie przeczytać tutaj - Wstęp do RWD jako obowiązkowa lektura każdego Juniora. Ostatnimi czasy przesiadując na wielu grupach dotyczących Front-Endu czy też czytając posty na forach napotkałem problem jakim jest błędne zastosowanie frameworków CSS przez początkujących programistów. Dlatego postanowiłem z moją wiedzą wyjść na przeciw i poruszyć kilka kwestii, które moim zdaniem na podstawie obserwacji nawet tutaj, należy wyjaśnić.
      Co to jest ten cały Framework CSS?
      Więc zaczynając od początku, Framework CSS jest to po prostu zbiór gotowych klas CSS, komponentów, interaktywnych elementów, które można od razu wykorzystać na swoją stronę internetową bądź aplikacje bez potrzeby pisania całej struktury i dbania o dostępność, która w dzisiejszych czasach czy tego chcemy czy nie obejmuje więcej niż samą responsywność. Przykładowo podczas wdrążania nawigacji na naszą stronę nie musimy się przejmować tym, że zapomnimy nadać odpowiednie style dla jakiegoś elementu bądź zapomnimy o widoku na średniej wielkości ekranach gdyż każdy framework zrobi to za nas, a my jedynie musimy to dostosować pod nasze wymagania. W dobie dzisiejszego internetu do najpopularniejszych frameworków należą m.in. Bootstrap oraz Foundation, z czego ten pierwszy jakiś czas temu dostał potężnego update, który sprawia, że korzystanie z niego jest jeszcze bardziej przyjemniejsze niż było.

       
      No dobra, ale co złego jest w stosowaniu takiego narzędzia?
      Hmm... wszystko i nic. Przede wszystkim warto sobie to zapisać i zapamiętać, że wszystkie frameworki i już nie tylko CSS, ale poradnik skupia się na nich więc nie będę wybiegał poza obszar tematyczny, pomagają zbudować szybko i dokładnie stronę czy aplikacje bez dokładnej znajomości języka HTML czy CSS. Więc o co ten cały szum? Otóż jako Front-End Dev (tylko i wyłącznie) będziesz pisał projekty, które nie będą korzystały z takich pomocy jak Bootstrap, sam będziesz musiał zadbać o to aby aplikacja czy też strona miała pełną dostępność i tutaj kłania się sposób stosowania frameworka. Jeżeli dopiero uczysz się CSS-a czy HTML-a i nie masz dużego doświadczenia w budowaniu witryn, to nie używaj klocków, które oferują frameworki gdyż w ten sposób poza bezmyślnym kopiowaniem nie nauczysz się sposobu działania i zachowywania danego komponentu. A jak wspomniałem wcześniej trafi się projekt, w którym zamiast korzystać z gotowych rozwiązań sam będziesz musiał bądź musiała zaprojektować strukturę i logikę tak, by później Twój twór stał się gotowcem, z którego inni będą korzystać. Dodatkowo wielu początkujących Developerów robi jeden, ten sam błąd. Decydując się na instalację i używanie frameworka importują jego całą zawartość mimo, że w rzeczywistości wykorzystują tylko kilka procent z tego co oferuje. Tylko po co? Wszystkie znane mi frameworki oferują możliwość dowolnego dostosowania narzędzia po przez wybranie tego co jest nam niezbędne do budowy strony, tak jak to było wygodne w przypadku Bootstrapa 3.
      Programiści to lenie!
      Tak. Jesteśmy leniami i wiele rzeczy nam się nie chce bądź coś nam się nie podoba i właśnie z takich przypadkach rodzą się frameworki, które ułatwiają wykonanie pewnej czynności. Narzędzia te skracają czas tworzenia dzięki czemu można skupić się na funkcjonalności niż wyglądzie, ale w przypadku gdy dopiero zaczynamy i nie posiadamy wystarczającej wiedzy pozwalającej stworzyć dokładnie ten sam komponent bez korzystania z frameworka, to musimy niestety zacisnąć zęby i opanować podstawy, które później pomogą nam zrozumieć zasadę działania komponentów we frameworkach.
      Podsumowanie
      Na pewno poradnik ten różnicy się znacznie od pozostałych. Nie wyjaśnia dosłownie jak czegoś używać, a jedynie stara się wytłumaczyć dlaczego tak, a nie inaczej. Myślę, że to świetna odskocznia i idealnie pasuje do głównej myśli jaka nasuwa się czytając cały tutorial, a dokładnie mówiąc - Żeby podczas nauki nie kopiować bezmyślnie linijek kodu. Różne frameworki są na pewno dobrymi i ciekawymi narzędziami, które znacznie ułatwiają i przyspieszają pracę, ale też nie są zalecana do używania przez każdego, a już na pewno nie przez kogoś kto o kodowaniu witryn i aplikacji ma pojęcie znikome. Dlatego mówię i będę prawdopodobnie to mówić, ale używanie frameworka w celach edukacyjnych ma się nijak do efektów, które chce się osiągnąć.
      Podziękowania dla @El Profesor za text review.
    • Witam. Czy istnieje możliwość przekonwertowania/przekodowania stylu z PHPBB 3.0 na PHPBB 3.1? Jeśli tak, proszę o poinstruowanie
    • Witajcie, poszukuje stylu do phpbb3 na wzór tego tutaj: Forum i Serwery CS Reksio
      Od razu uprzedzam, wiem że nie dostane takiego stylu za free, dlatego jestem w stanie zlecić wykonanie, bądź kupić gotowca podobnego do tego. (Na stronie reksia nie znalazłem odnośnika do twórcy tego cuda, dlatego jeszcze się z nim nie skontaktowałem.) 
      Z góry dziękuje.
  • Najnowsze tematy

  • Ostatnio rozwiązane

    • Grafikiem nie jestem ale może się spodoba 🙂 Dodaję też plik PSD (edycja w programie Photoshop) jakby ktoś chciał sobie zmienić napis: Ukryta zawartość Zareaguj na post lub odpowiedz w temacie aby zobaczyć ukrytą zawartość.
    • Witaj Zenon. Program jest bardzo stary, wydany po raz pierwszy w 2004 roku. Rozumiem że posiadasz jeszcze wersję 1.0 bądź 1.1?  Z tego co widzę najnowszą i ostatnią wersją która została wydana, jest wersja 2.2.2 z 2008 roku. Niestety nie wspiera ona systemu Windows 7 ani tym bardziej Windows 10. Jeżeli chodzi o błąd to mówi on że nie próba ustawienia/zapisu danych dla pola ScreenFontName się nie powiodła.  Kod programu jest stary i nie jest kompatybilny z najnowszym systemem. Najlepszym wyjściem z tej sytuacji będzie przeniesienie się na nowszy program. Jest kilka tego typu programów, jednak musisz wziąć pod uwagę że nie wszystkie są w pełni darmowe a wiele z nich posiada ograniczenia. Sprawdź proszę poniższą listę programów do tworzenia drzewa genealogicznego: Drzewo Genealogiczne II (ograniczenia, wersja testowa)  Family Tree Builder (trzeba założyć konto online, ale jest darmowy i bez ograniczeń) Brother's Keeper (wersja testowa) Drzewo przodków (wersja demo)
×