- Plug and Play： Bootstrap CSS-tiedoston käyttöönoton jälkeen voit käyttää komentoa glyphicon glyphicon-kuvakkeen nimi luokan nimi Responsiivinen suunnittelu： Kaikki kuvakkeet ovat vektorifontteja, jotka mukautuvat automaattisesti eri näytön resoluutioihin. Kevyt integrointi： Ei ylimääräisiä kuvapyyntöjä, yksi fonttitiedosto sisältää kaikki kuvakkeet.
Kutsumenetelmä
1. Ota Bootstrap-tyylitiedosto käyttöön projektissa 2. Käytä tavallisia HTML-tageja kuvakkeiden lisäämiseen :<i class="glyphicon glyphicon-search"></i> 3. Voidaan säätää CSS:n avulla kokoa, väriä ja muita tyylejä
Parhaat käytännöt
- Semanttinen rinnastus： Suositellaan käytettäväksi ARIA-tunnisteiden kanssa saavutettavuuden parantamiseksi - Koon hallinta： Koonhallinta saavutetaan seuraavilla tavoillafont-size Koon muuttaminen leveyden ja korkeuden vahvistamisen sijaan - Suorituskyvyn optimointi： Vältetään kuvakkeiden liiallista käyttöä, joka vaikuttaa renderöinnin tehokkuuteen.
Versioyhteensopivuus
Soveltuu Bootstrap 3.x:lle, Bootstrap 4+ suositellaan SVG-kuvakkeistosuunnitelman käyttöä sen sijaan.