- Plug and Play: Po wprowadzeniu pliku CSS Bootstrap można użyć polecenia glyphicon glyphicon-icon name nazwa klasy Responsywny design: Wszystkie ikony są czcionkami wektorowymi, automatycznie dostosowującymi się do różnych rozdzielczości ekranu. Lekka integracja: Brak dodatkowych żądań obrazu, jeden plik czcionki zawiera wszystkie ikony.
Metoda wywoływania
1. wprowadzenie pliku stylu Bootstrap do projektu 2. użycie standardowych znaczników HTML do dodania ikon :<i class="glyphicon glyphicon-search"></i> 3. można dostosować za pomocą rozmiaru CSS, koloru i innych stylów
Najlepsze praktyki
- Kolokacja semantyczna: Zaleca się stosowanie z tagami ARIA w celu zwiększenia dostępności - Kontrola rozmiaru: Kontrola rozmiaru jest osiągana przezfont-size Zmiana rozmiaru zamiast ustalania szerokości i wysokości Optymalizacja wydajności: Unikanie nadużywania ikon, które wpływa na wydajność renderowania.
Kompatybilność wersji
Odpowiedni dla Bootstrap 3.x, Bootstrap 4+ zalecany do użycia schematu ikon SVG.