Dostosuj
Dowiedz się, jak tworzyć motywy, dostosowywać i rozszerzać Bootstrap za pomocą Sass, mnóstwo globalnych opcji, rozbudowany system kolorów i nie tylko.
Przegląd
Istnieje wiele sposobów na dostosowanie Bootstrapa. Twoja 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:
- Korzystanie z Bootstrap za pośrednictwem menedżera pakietów, dzięki czemu możesz używać i rozszerzać nasze pliki źródłowe.
- 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 wchodzić 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żyć.
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.
- Akordeon
- Przycisk Zamknij (używany w alertach i modalach)
- Pola wyboru formularzy i przyciski opcji
- Przełączniki formularzy
- Ikony weryfikacji formularzy
- Wybierz menu
- Sterowanie karuzelą
- Przyciski przełączania paska nawigacyjnego
W oparciu o rozmowy 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 zapoznanie się z własnymi zasadami bezpieczeństwa i podjęcie decyzji o najlepszej ścieżce, jeśli to konieczne.