Glyphicons Halflings Bootstrap-ramverket är inbyggt gratis teckensnittsikonbibliotek , innehåller mer än 250 högkvalitativa vektorikoner , som täcker gränssnittsoperationen , enheter , filtyper och andra typer av scenarier , utan att ladda ytterligare bilder för att uppnå högupplöst display .
Kärnfunktioner
- Plugga och spela： Efter introduktionen av Bootstrap CSS-filen, genomclass="glyphicon glyphicon-xxxx" Du kan ringa ikonen genom att använda Bootstrap CSS-filen. - Helt gratis： Alla ikoner följer MIT-protokollet för öppen källkod och kan användas kommersiellt utan licens. - Responsiv anpassning： Baserat på rendering av teckensnitt, anpassas automatiskt till skärmupplösning och skalning. - Lätt och effektiv： En enda teckensnittsfil istället för flera bilder, minskar HTTP-förfrågningar.
Hur man använder
1. Introducera Bootstrap CSS-filen i projektet. 2. 2. Lägg till ikonens klassnamn i HTML-elementet, till exempel : <i class="glyphicon glyphicon-search"></i> 3. Justera enkelt ikonens färg, storlek och andra stilar genom CSS.
Tillämpliga scenarier
- Navigeringsmeny och knappikoner - Symboler för inmatningsrutor i formulär - Statusindikatorer (framgång, fel, varning etc.) - Logotyper för sociala medier och enheter Obs: Glyphicons har tagits bort från Bootstrap 5, så vi rekommenderar att du använder dem tillsammans med Bootstrap 3.x eller via ett CDN från tredje part för att ladda resurserna.