Glyphicons Halflings Bootstrap-rammen er indbygget gratis skrifttypeikonbibliotek, indeholder mere end 250 højkvalitetsvektorikoner, der dækker grænsefladeoperationen, enheder, filtyper og andre typer scenarier, uden at indlæse yderligere billeder for at opnå high-definition display.
Kernefunktioner
- Plug and Play： Efter introduktionen af Bootstrap CSS-filen, gennemclass="glyphicon glyphicon-xxxx" Du kan kalde ikonet ved hjælp af Bootstrap CSS-filen. - Helt gratis： Alle ikoner følger MIT's open source-protokol og kan bruges kommercielt uden licens. - Responsiv tilpasning： Baseret på skrifttypegengivelse tilpasser den sig automatisk til skærmopløsning og skalering. - Let og effektiv： En enkelt skrifttypefil i stedet for flere billeder, reducerer HTTP-anmodninger.
Sådan bruger du
1. Introducer Bootstrap CSS-filen i projektet. 2. 2. Tilføj ikonets klassenavn til HTML-elementet, for eksempel : <i class="glyphicon glyphicon-search"></i> 3. Juster nemt ikonets farve, størrelse og andre stilarter via CSS.
Anvendelige scenarier
- Navigationsmenu og knap-ikoner - Symboler for inputbokse i formularer - Statusindikatorer (succes, fejl, advarsel osv.) - Sociale medier og enhedslogoer Bemærk: Glyphicons er blevet fjernet fra Bootstrap 5 og anbefales at blive brugt sammen med Bootstrap 3.x eller indlæst via en tredjeparts CDN.