Glyphicons Halflings Bootstrap-kehys on sisäänrakennettu ilmainen fontti kuvakekirjasto , sisältää yli 250 korkealaatuista vektorikuvaketta , jotka kattavat käyttöliittymän toiminnan , laitteet , tiedostotyypit ja muut skenaariot , ilman lisäkuvien lataamista teräväpiirtonäytön saavuttamiseksi .
Ydinominaisuudet
- Plug and Play： Bootstrap CSS-tiedoston käyttöönoton jälkeen, kauttaclass="glyphicon glyphicon-xxxx" Voit kutsua kuvaketta käyttämällä Bootstrap CSS-tiedostoa. - Täysin ilmainen： Kaikki kuvakkeet noudattavat MIT-avoimen lähdekoodin protokollaa, ja niitä voidaan käyttää kaupallisesti ilman lisenssiä. - Responsiivinen mukauttaminen： Perustuu fontin renderöintiin, mukautuu automaattisesti näytön resoluutioon ja skaalaukseen. - Kevyt ja tehokas： Yksi fonttitiedosto useiden kuvien sijasta , vähentää HTTP-pyyntöjä .
Kuinka käyttää
1. Ota Bootstrap CSS-tiedosto käyttöön projektissa. 2. Ota Bootstrap CSS-tiedosto käyttöön. 2. Lisää kuvakeluokan nimi HTML-elementtiin, esimerkiksi : <i class="glyphicon glyphicon-search"></i> 3. Säädä helposti kuvakkeen väriä, kokoa ja muita tyylejä CSS:n avulla.
Sovellettavat skenaariot
- Navigointivalikon ja painikkeiden kuvakkeet - Lomakkeen syöttölaatikon symbolit - Tilaindikaattorit (onnistuminen, virhe, varoitus jne.) - Sosiaalisen median ja laitteiden logot Huomautus: Glyfikonit on poistettu Bootstrap 5:stä, joten on suositeltavaa käyttää niitä yhdessä Bootstrap 3.x:n kanssa tai kolmannen osapuolen CDN:n kautta resurssien lataamiseen.