<h1>Icons font <small>by <ahref="http://glyphicons.com"target="_blank">Glyphicons</a></small></h1>
</div>
</div>
<h2>Icon glyphs</h2>
<h2>Included glyphs</h2>
<p>140 icons in sprite form, available in dark gray (default) and white, provided by <ahref="http://glyphicons.com"target="_blank">Glyphicons</a>.</p>
<p>Bootstrap comes with all 160 of <ahref="http://glyphicons.com"target="_blank">Glyphicons</a> Halflings set, all available in font formats for easy coloring, sizing, and placement.</p>
<ulclass="the-icons clearfix">
<ulclass="the-icons clearfix">
<li><iclass="icon-glass"></i> icon-glass</li>
<li><iclass="icon-glass"></i> icon-glass</li>
<li><iclass="icon-music"></i> icon-music</li>
<li><iclass="icon-music"></i> icon-music</li>
...
@@ -1995,27 +1996,46 @@ For example, <code><section></code> should be wrapped as inlin
...
@@ -1995,27 +1996,46 @@ For example, <code><section></code> should be wrapped as inlin
<p><ahref="http://glyphicons.com/">Glyphicons</a> Halflings are normally not available for free, but an arrangement between Bootstrap and the Glyphicons creators have made this possible at no cost to you as developers. As a thank you, we ask you to include an optional link back to <ahref="http://glyphicons.com/">Glyphicons</a> whenever practical.</p>
<p><ahref="http://glyphicons.com/">Glyphicons</a> Halflings are normally not available for free, but an arrangement between Bootstrap and the Glyphicons creator have made this possible at no cost to you as developers. As a thank you, we ask you to include an optional link back to <ahref="http://glyphicons.com/">Glyphicons</a> whenever practical.</p>
<hrclass="bs-docs-separator">
<hrclass="bs-docs-separator">
<h2>How to use</h2>
<h2>How to use</h2>
<p>All icons require an <code><i></code> tag with a unique class, prefixed with <code>icon-</code>. To use, place the following code just about anywhere:</p>
<p>Add the appropriate class to any inline element. All icon classes are prefixed with <code>icon-</code> for easy styling. To use, place the following code just about anywhere:</p>
<preclass="prettyprint linenums">
<preclass="prettyprint linenums">
<i class="icon-search"></i>
<i class="icon-search"></i>
</pre>
</pre>
<p>There are also styles available for inverted (white) icons, made ready with one extra class. We will specifically enforce this class on hover and active states for nav and dropdown links.</p>
<p>Want to change the icon color? Just change the <code>color</code> of the parent element.</p>
<h1>{{_i}}Icons font <small>by <ahref="http://glyphicons.com"target="_blank">Glyphicons</a></small>{{/i}}</h1>
</div>
</div>
<h2>{{_i}}Icon glyphs{{/i}}</h2>
<h2>{{_i}}Included glyphs{{/i}}</h2>
<p>{{_i}}140 icons in sprite form, available in dark gray (default) and white, provided by <ahref="http://glyphicons.com"target="_blank">Glyphicons</a>.{{/i}}</p>
<p>{{_i}}Bootstrap comes with all 160 of <ahref="http://glyphicons.com"target="_blank">Glyphicons</a> Halflings set, all available in font formats for easy coloring, sizing, and placement.{{/i}}</p>
<p>{{_i}}<ahref="http://glyphicons.com/">Glyphicons</a> Halflings are normally not available for free, but an arrangement between Bootstrap and the Glyphicons creators have made this possible at no cost to you as developers. As a thank you, we ask you to include an optional link back to <ahref="http://glyphicons.com/">Glyphicons</a> whenever practical.{{/i}}</p>
<p>{{_i}}<ahref="http://glyphicons.com/">Glyphicons</a> Halflings are normally not available for free, but an arrangement between Bootstrap and the Glyphicons creator have made this possible at no cost to you as developers. As a thank you, we ask you to include an optional link back to <ahref="http://glyphicons.com/">Glyphicons</a> whenever practical.{{/i}}</p>
<hrclass="bs-docs-separator">
<hrclass="bs-docs-separator">
<h2>{{_i}}How to use{{/i}}</h2>
<h2>{{_i}}How to use{{/i}}</h2>
<p>{{_i}}All icons require an <code><i></code> tag with a unique class, prefixed with <code>icon-</code>. To use, place the following code just about anywhere:{{/i}}</p>
<p>{{_i}}Add the appropriate class to any inline element. All icon classes are prefixed with <code>icon-</code> for easy styling. To use, place the following code just about anywhere:{{/i}}</p>
<preclass="prettyprint linenums">
<preclass="prettyprint linenums">
<i class="icon-search"></i>
<i class="icon-search"></i>
</pre>
</pre>
<p>{{_i}}There are also styles available for inverted (white) icons, made ready with one extra class. We will specifically enforce this class on hover and active states for nav and dropdown links.{{/i}}</p>
<p>{{_i}}Want to change the icon color? Just change the <code>color</code> of the parent element.{{/i}}</p>
{{_i}}When using beside strings of text, as in buttons or nav links, be sure to leave a space after the <code><i></code> tag for proper spacing.{{/i}}
{{_i}}When using beside strings of text, as in buttons or nav links, be sure to leave a space after the icon for proper spacing.{{/i}}
