Bootstrap 字体图标 Bootstrap Glyphicon Components

基本用法:

<p>Envelope icon: <span class="glyphicon glyphicon-envelope"></span></p>
<p>Search icon: <span class="glyphicon glyphicon-search"></span></p>
<p>Print icon: <span class="glyphicon glyphicon-print"></span></p>
<ul class="list-group">
    <li class="list-group-item"><span class="glyphicon glyphicon-heart"></span> <a href="">Favorites</a></li>
    <li class="list-group-item"><span class="glyphicon glyphicon-user"></span> <a href="">Sign in</a></li>
    <li class="list-group-item"><span class="glyphicon glyphicon-shopping-cart"></span> <a href="">My cart ( 0 )</a></li>
</ul>

Available Glyphs

原文:http://www.w3schools.com/bootstrap/bootstrap_ref_comp_glyphs.asp

更多参考:

http://getbootstrap.com/components/

http://getbootstrap.com/components/#glyphicons

本文:Bootstrap 字体图标 Bootstrap Glyphicon Components

2 Comments

Leave a Reply