Przejdź do głównej zawartości Przejdź do nawigacji w dokumentach
Check
in English

Dostosuj

Dowiedz się, jak tworzyć motywy, dostosowywać i rozszerzać Bootstrap za pomocą Sass, mnóstwo globalnych opcji, rozbudowany system kolorów i nie tylko.

Sass Wykorzystaj nasze źródłowe pliki Sass, aby skorzystać ze zmiennych, map, domieszek i funkcji.
Opcje Dostosuj Bootstrap za pomocą wbudowanych zmiennych, aby łatwo przełączać globalne preferencje CSS.
Kolor Poznaj i dostosuj systemy kolorów, które obsługują cały zestaw narzędzi.
składniki Dowiedz się, w jaki sposób tworzymy prawie wszystkie nasze komponenty w sposób responsywny i za pomocą klas bazowych i modyfikatorów.
Zmienne CSS Użyj niestandardowych właściwości CSS Bootstrap, aby szybko i przyszłościowo projektować i rozwijać.
Optymalizować Zadbaj o to, aby Twoje projekty były oszczędne, responsywne i łatwe w utrzymaniu, aby zapewnić jak najlepsze wrażenia.

Przegląd

Istnieje wiele sposobów na dostosowanie Bootstrapa. Najlepsza ścieżka może zależeć od projektu, złożoności narzędzi do kompilacji, używanej wersji Bootstrap, obsługi przeglądarki i nie tylko.

Nasze dwie preferowane metody to:

  1. Korzystanie z Bootstrap za pośrednictwem menedżera pakietów, dzięki czemu możesz używać i rozszerzać nasze pliki źródłowe.
  2. Używając skompilowanych plików dystrybucji Bootstrap lub jsDelivr , dzięki czemu możesz dodawać lub zastępować style Bootstrap.

Chociaż nie możemy tutaj zagłębić się w szczegóły, jak używać każdego menedżera pakietów, możemy dać wskazówki dotyczące używania Bootstrap z własnym kompilatorem Sass .

Dla tych, którzy chcą korzystać z plików dystrybucyjnych, przejrzyj stronę wprowadzającą, aby dowiedzieć się, jak dołączyć te pliki, oraz przykładową stronę HTML. Następnie zapoznaj się z dokumentacją dotyczącą układu, składników i zachowań, których chcesz używać.

Po zapoznaniu się z Bootstrap kontynuuj eksplorację tej sekcji, aby uzyskać więcej informacji na temat korzystania z naszych opcji globalnych, używania i zmiany naszego systemu kolorów, sposobu budowania naszych komponentów, korzystania z naszej rosnącej listy niestandardowych właściwości CSS oraz aby zoptymalizować swój kod podczas kompilowania za pomocą Bootstrap.

Dostawcy CSP i osadzone pliki SVG

Kilka składników Bootstrap zawiera osadzone pliki SVG w naszym CSS, aby stylizować składniki w spójny i łatwy sposób w różnych przeglądarkach i urządzeniach. W przypadku organizacji z bardziej restrykcyjnymi konfiguracjami CSP udokumentowaliśmy wszystkie wystąpienia naszych osadzonych plików SVG (z których wszystkie są stosowane przez background-image), dzięki czemu można dokładniej przejrzeć dostępne opcje.

W oparciu o rozmowę społeczności , niektóre opcje rozwiązania tego problemu we własnej bazie kodu obejmują zastąpienie adresów URL zasobami lokalnie hostowanymi , usunięcie obrazów i użycie obrazów wbudowanych (nie jest to możliwe we wszystkich komponentach) oraz zmodyfikowanie dostawcy CSP. Naszą rekomendacją jest uważne przejrzenie własnych zasad bezpieczeństwa i, jeśli to konieczne, podjęcie decyzji o najlepszej ścieżce.