twitter-bootstrap
Glyphicons
Zoeken…
Opmerkingen
Deze sectie biedt een overzicht van Bootstrap-glyphicons en beschrijft het gebruik van glyphicons.
Hoe Glyphicons te gebruiken
Twitter Bootstrap ondersteunt pictogrammen die glyphicons worden genoemd en ze kunnen worden gebruikt met alle HTML-tags.
Alle pictogrammen vereisen een basisklasse en individuele pictogramklasse.
Houd er rekening mee dat pictogramklassen niet direct kunnen worden gecombineerd met andere componenten, dus gebruik altijd de tag <span></span> .
Als uw HTML-code innerlijke onderliggende elementen heeft, kunt u geen pictogramklassen voor die specifieke tag gebruiken.
U maakt bijvoorbeeld een bootstrapknop en de syntaxis voor deze knop moet er als volgt uitzien:
<button type="button" class="btn btn-default btn-lg">
Star
</button>
Dus in het bovenstaande voorbeeld wordt een eenvoudige bootstrap-knop gemaakt, maar nu wilt u een glyphicon toevoegen aan deze knop, hiervoor voegt u eenvoudig een <span> -element toe binnen een <button> -tag. Soortgelijk:
<button type="button" class="btn btn-default btn-lg">
<span class="glyphicon glyphicon-star" aria-hidden="true"></span>Star
</button>
