<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Bootstrap 字体图标</title>
<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body>
<div class="container">
<span class="glyphicon glyphicon-asterisk">Asterik</span>
<span class="glyphicon glyphicon-plus">plus</span>
<span class="glyphicon glyphicon-minus">minus</span>
<span class="glyphicon glyphicon-euro">euro</span>
<span class="glyphicon glyphicon-cloud">cloud</span>
<span class="glyphicon glyphicon-envelope">envelope</span>
<span class="glyphicon glyphicon-pencil">pencil</span>
<span class="glyphicon glyphicon-glass">glass</span>
<span class="glyphicon glyphicon-music">music</span>
<span class="glyphicon glyphicon-star">star</span>
<span class="glyphicon glyphicon-search">search</span>
<span class="glyphicon glyphicon-heart">heart</span>
<span class="glyphicon glyphicon-star-empty">star-empty</span>
<span class="glyphicon glyphicon-user">user</span>
<span class="glyphicon glyphicon-film">film</span>
<span class="glyphicon glyphicon-th-large">th-large</span>
<span class="glyphicon glyphicon-th">th</span>
<span class="glyphicon glyphicon-th-list">th-list</span>
<span class="glyphicon glyphicon-ok">ok</span>
<span class="glyphicon glyphicon-remove">remove</span>
<span class="glyphicon glyphicon-zoom-in">zoom-in</span>
<span class="glyphicon glyphicon-zoom-out">zoom-out</span>
<span class="glyphicon glyphicon-off">off</span>
<span class="glyphicon glyphicon-signal">th-list</span>
<span class="glyphicon glyphicon-cog">cog</span>
<span class="glyphicon glyphicon-trash">trash</span>
<span class="glyphicon glyphicon-home">home</span>
<span class="glyphicon glyphicon-file">file</span>
<span class="glyphicon glyphicon-time">time</span>
<span class="glyphicon glyphicon-road">road</span>
<span class="glyphicon glyphicon-download-alt">download-alt</span>
<span class="glyphicon glyphicon-download">download</span>
<span class="glyphicon glyphicon-upload">upload</span>
<span class="glyphicon glyphicon-inbox">inbox</span>
<span class="glyphicon glyphicon-play-circle">play-circle</span>
<span class="glyphicon glyphicon-repeat">repeat</span>
<span class="glyphicon glyphicon-refresh">refresh</span>
<span class="glyphicon glyphicon-list-alt">list-alt</span>
<span class="glyphicon glyphicon-lock">lock</span>
<span class="glyphicon glyphicon-flag">flag</span>
<span class="glyphicon glyphicon-headphones">headphones</span>
<span class="glyphicon glyphicon-volume-off">volume-off</span>
<span class="glyphicon glyphicon-volume-down">volume-down</span>
<span class="glyphicon glyphicon-volume-up">volume-up</span>
<span class="glyphicon glyphicon-qrcode">qrcode</span>
<span class="glyphicon glyphicon-barcode">barcode</span>
<span class="glyphicon glyphicon-tag">tag</span>
<span class="glyphicon glyphicon-tags">tags</span>
<span class="glyphicon glyphicon-book">book</span>
<span class="glyphicon glyphicon-bookmark">bookmark</span>
<span class="glyphicon glyphicon-print">print</span>
<span class="glyphicon glyphicon-camera">camera</span>
<span class="glyphicon glyphicon-font">font</span>
<span class="glyphicon glyphicon-bold">bold</span>
<span class="glyphicon glyphicon-italic">italic</span>
<span class="glyphicon glyphicon-text-height">text-height</span>
<span class="glyphicon glyphicon-text-width">text-width</span>
<span class="glyphicon glyphicon-align-left">align-left</span>
<span class="glyphicon glyphicon-align-center">align-center</span>
<span class="glyphicon glyphicon-align-right">align-right</span>
<span class="glyphicon glyphicon-align-justify">align-justify</span>
<span class="glyphicon glyphicon-list">list</span>
<span class="glyphicon glyphicon-indent-left">indent-left</span>
<span class="glyphicon glyphicon-indent-right">indent-right</span>
<span class="glyphicon glyphicon-facetime-video">facetime-video</span>
<span class="glyphicon glyphicon-picture">picture</span>
<span class="glyphicon glyphicon-map-marker">map-marker</span>
<span class="glyphicon glyphicon-adjust">adjust</span>
<span class="glyphicon glyphicon-tint">tint</span>
<span class="glyphicon glyphicon-edit">edit</span>
<span class="glyphicon glyphicon-share">share</span>
<span class="glyphicon glyphicon-check">check</span>
<span class="glyphicon glyphicon-move">move</span>
<span class="glyphicon glyphicon-step-backward">step-backward</span>
<span class="glyphicon glyphicon-fast-backward">fast-backward</span>
<span class="glyphicon glyphicon-play">play</span>
<span class="glyphicon glyphicon-pause">pause</span>
<span class="glyphicon glyphicon-stop">stop</span>
<span class="glyphicon glyphicon-forward">forward</span>
<span class="glyphicon glyphicon-fast-forward">fast-forward</span>
<span class="glyphicon glyphicon-step-forward">step-forward</span>
<span class="glyphicon glyphicon-eject">eject</span>
<span class="glyphicon glyphicon-chevron-left">chevron-left</span>
<span class="glyphicon glyphicon-chevron-right">chevron-right</span>
<span class="glyphicon glyphicon-plus-sign">plus-sign</span>
<span class="glyphicon glyphicon-minus-sign">minus-sign</span>
<span class="glyphicon glyphicon-ok-sign">ok-sign</span>
<span class="glyphicon glyphicon-question-sign">question-sign</span>
<span class="glyphicon glyphicon-info-sign">info-sign</span>
<span class="glyphicon glyphicon-screenshot">screenshot</span>
<span class="glyphicon glyphicon-remove-circle">remove-circle</span>
<span class="glyphicon glyphicon-ok-circle">ok-circle</span>
<span class="glyphicon glyphicon-ban-circle">ban-circle</span>
<span class="glyphicon glyphicon-arrow-left">arrow-left</span>
<span class="glyphicon glyphicon-arrow-right">arrow-right</span>
<span class="glyphicon glyphicon-arrow-up">arrow-up</span>
<span class="glyphicon glyphicon-arrow-down">arrow-down</span>
<span class="glyphicon glyphicon-share-alt">share-alt</span>
<span class="glyphicon glyphicon-resize-full">resize-full</span>
<span class="glyphicon glyphicon-resize-small">resize-small</span>
<span class="glyphicon glyphicon-exclamation-sign">exclamation-sign</span>
<span class="glyphicon glyphicon-gift">gift</span>
<span class="glyphicon glyphicon-leaf">leaf</span>
<span class="glyphicon glyphicon-fire">fire</span>
<span class="glyphicon glyphicon-eye-open">eye-open</span>
<span class="glyphicon glyphicon-eye-close">eye-close</span>
<span class="glyphicon glyphicon-warning-sign">warning-sign</span>
<span class="glyphicon glyphicon-plane">plane</span>
<span class="glyphicon glyphicon-calendar">calendar</span>
<span class="glyphicon glyphicon-random">random</span>
<span class="glyphicon glyphicon-comment">comment</span>
<span class="glyphicon glyphicon-magnet">magnet</span>
<span class="glyphicon glyphicon-chevron-up">chevron-up</span>
<span class="glyphicon glyphicon-chevron-down">chevron-down</span>
<span class="glyphicon glyphicon-retweet">retweet</span>
<span class="glyphicon glyphicon-shopping-cart">shopping-cart</span>
<span class="glyphicon glyphicon-folder-close">folder-close</span>
<span class="glyphicon glyphicon-folder-open">folder-open</span>
<span class="glyphicon glyphicon-resize-vertical">resize-vertical</span>
<span class="glyphicon glyphicon-resize-horizontal">resize-horizontal</span>
<span class="glyphicon glyphicon-hdd">hdd</span>
<span class="glyphicon glyphicon-bullhorn">bullhorn</span>
<span class="glyphicon glyphicon-bell">bell</span>
<span class="glyphicon glyphicon-certificate">certificate</span>
<span class="glyphicon glyphicon--thumbs-up">-thumbs-up</span>
<span class="glyphicon glyphicon-thumbs-down">thumbs-down</span>
<span class="glyphicon glyphicon-hand-right">hand-right</span>
<span class="glyphicon glyphicon-hand-left">hand-left</span>
<span class="glyphicon glyphicon-hand-up">hand-up</span>
<span class="glyphicon glyphicon-hand-down">hand-down</span>
<span class="glyphicon glyphicon-circle-arrow-right">circle-arrow-right</span>
<span class="glyphicon glyphicon-circle-arrow-left">circle-arrow-left</span>
<span class="glyphicon glyphicon-circle-arrow-up">circle-arrow-up</span>
<span class="glyphicon glyphicon-circle-arrow-down">circle-arrow-down</span>
<span class="glyphicon glyphicon-globe">globe</span>
<span class="glyphicon glyphicon-wrench">wrench</span>
<span class="glyphicon glyphicon-tasks">tasks</span>
<span class="glyphicon glyphicon-filter">filter</span>
<span class="glyphicon glyphicon-briefcase">briefcase</span>
<span class="glyphicon glyphicon-fullscreen">fullscreen</span>
<span class="glyphicon glyphicon-dashboard">dashboard</span>
<span class="glyphicon glyphicon-paperclip">paperclip</span>
<span class="glyphicon glyphicon-heart-empty">heart-empty</span>
<span class="glyphicon glyphicon-link">link</span>
<span class="glyphicon glyphicon-phone">phone</span>
<span class="glyphicon glyphicon-pushpin">pushpin</span>
<span class="glyphicon glyphicon-usd">usd</span>
<span class="glyphicon glyphicon-gbp">gbp</span>
<span class="glyphicon glyphicon-sort">sort</span>
<span class="glyphicon glyphicon-sort-by-alphabet">sort-by-alphabet</span>
<span class="glyphicon glyphicon-sort-by-alphabet-alt">sort-by-alphabet-alt</span>
<span class="glyphicon glyphicon-sort-by-order">sort-by-order</span>
<span class="glyphicon glyphicon-sort-by-order-alt">sort-by-order-alt</span>
<span class="glyphicon glyphicon-sort-by-attributes">sort-by-attributes</span>
<span class="glyphicon glyphicon-sort-by-attributes-alt">sort-by-attributes-alt</span>
<span class="glyphicon glyphicon-unchecked">unchecked</span>
<span class="glyphicon glyphicon-expand">expand</span>
<span class="glyphicon glyphicon-collapse-down">collapse-down</span>
<span class="glyphicon glyphicon-collapse-up">collapse-up</span>
<span class="glyphicon glyphicon-log-in">log-in</span>
<span class="glyphicon glyphicon-flash">flash</span>
<span class="glyphicon glyphicon-log-out">log-out</span>
<span class="glyphicon glyphicon-new-window">new-window</span>
<span class="glyphicon glyphicon-record">record</span>
<span class="glyphicon glyphicon-save">save</span>
<span class="glyphicon glyphicon-open">open</span>
<span class="glyphicon glyphicon-saved">saved</span>
<span class="glyphicon glyphicon-import">import</span>
<span class="glyphicon glyphicon-export">export</span>
<span class="glyphicon glyphicon-send">send</span>
<span class="glyphicon glyphicon-floppy-disk">floppy-disk</span>
<span class="glyphicon glyphicon-floppy-saved">floppy-saved</span>
<span class="glyphicon glyphicon-floppy-remove">floppy-remove</span>
<span class="glyphicon glyphicon-floppy-save">floppy-save</span>
<span class="glyphicon glyphicon-floppy-open">floppy-open</span>
<span class="glyphicon glyphicon-credit-card">credit-card</span>
<span class="glyphicon glyphicon-transfer">transfer</span>
<span class="glyphicon glyphicon-cutlery">cutlery</span>
<span class="glyphicon glyphicon-header">header</span>
<span class="glyphicon glyphicon-compressed">compressed</span>
<span class="glyphicon glyphicon-earphone">earphone</span>
<span class="glyphicon glyphicon-phone-alt">phone-alt</span>
<span class="glyphicon glyphicon-tower">tower</span>
<span class="glyphicon glyphicon-stats">stats</span>
<span class="glyphicon glyphicon-sd-video">sd-video</span>
<span class="glyphicon glyphicon-hd-video">hd-video</span>
<span class="glyphicon glyphicon-subtitles">subtitles</span>
<span class="glyphicon glyphicon-sound-stereo">sound-stereo</span>
<span class="glyphicon glyphicon-sound-dolby">sound-dolby</span>
<span class="glyphicon glyphicon-sound-5-1">sound-5-1</span>
<span class="glyphicon glyphicon-sound-6-1">sound-6-1</span>
<span class="glyphicon glyphicon-sound-7-1">sound-7-1</span>
<span class="glyphicon glyphicon-copyright-mark">copyright-mark</span>
<span class="glyphicon glyphicon-registration-mark">registration-mark</span>
<span class="glyphicon glyphicon-cloud-download">cloud-download</span>
<span class="glyphicon glyphicon-cloud-upload">cloud-upload</span>
<span class="glyphicon glyphicon-tree-conifer">tree-conifer</span>
<span class="glyphicon glyphicon-tree-deciduous">tree-deciduous</span>
</div>
<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>