Narzędzie ikon czcionek Bootstrap Glyphicons Wprowadzenie

Glyphicons Halflings Framework Bootstrap ma wbudowaną darmową bibliotekę ikon czcionek, zawierającą ponad 250 wysokiej jakości ikon wektorowych, obejmujących obsługę interfejsu, urządzeń, typów plików i innych typów scenariuszy, bez ładowania dodatkowych obrazów w celu uzyskania wyświetlania w wysokiej rozdzielczości.

Podstawowe cechy

- Plug and Play： Po wprowadzeniu pliku Bootstrap CSS, za pośrednictwem funkcjiclass="glyphicon glyphicon-xxxx" można wywołać ikonę za pomocą pliku Bootstrap CSS.
- Całkowicie za darmo： Wszystkie ikony są zgodne z protokołem open source MIT i mogą być używane komercyjnie bez licencji.
- Responsywna adaptacja： W oparciu o renderowanie czcionek, automatycznie dostosowuje się do rozdzielczości ekranu i skalowania.
- Lekkość i wydajność： Pojedynczy plik czcionki zamiast wielu obrazów, redukcja żądań HTTP.

Jak używać

1. wprowadzić plik Bootstrap CSS do projektu. 2.
2. Dodaj nazwę klasy ikony do elementu HTML, na przykład :
<i class="glyphicon glyphicon-search"></i> 3. Łatwo dostosuj kolor, rozmiar i inne style ikony za pomocą CSS.

Odpowiednie scenariusze

- Menu nawigacyjne i ikony przycisków
- Symbole pól wprowadzania formularza
- Wskaźniki stanu (sukces, błąd, ostrzeżenie itp.)
- Logo mediów społecznościowych i urządzeń Uwaga: Glyphicons zostały usunięte z Bootstrap 5 i zaleca się ich używanie w połączeniu z Bootstrap 3.x lub ładowanie za pośrednictwem zewnętrznej sieci CDN.