diff options
| author | Mark Otto <[email protected]> | 2014-07-08 00:33:21 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2014-07-08 00:33:21 -0700 |
| commit | dae5ec5416b16cc32c4f7caf3ba7e86de20e39f5 (patch) | |
| tree | eba3f573dfb5c41d1a8f43bfd1f56bac31f4191d /docs/_includes/components | |
| parent | b29268dc487010c43f4cab8e8e0e2891582804ab (diff) | |
| download | bootstrap-dae5ec5416b16cc32c4f7caf3ba7e86de20e39f5.tar.xz bootstrap-dae5ec5416b16cc32c4f7caf3ba7e86de20e39f5.zip | |
Drop Glyphicons
Diffstat (limited to 'docs/_includes/components')
| -rw-r--r-- | docs/_includes/components/glyphicons.html | 66 |
1 files changed, 0 insertions, 66 deletions
diff --git a/docs/_includes/components/glyphicons.html b/docs/_includes/components/glyphicons.html deleted file mode 100644 index e87434137..000000000 --- a/docs/_includes/components/glyphicons.html +++ /dev/null @@ -1,66 +0,0 @@ -<div class="bs-docs-section"> - <h1 id="glyphicons" class="page-header">Glyphicons</h1> - - <h2 id="glyphicons-glyphs">Available glyphs</h2> - <p>Includes 200 glyphs in font format from the Glyphicon Halflings set. <a href="http://glyphicons.com/">Glyphicons</a> Halflings are normally not available for free, but their creator has made them available for Bootstrap free of cost. As a thank you, we only ask that you include a link back to <a href="http://glyphicons.com/">Glyphicons</a> whenever possible.</p> - <div class="bs-glyphicons"> - <ul class="bs-glyphicons-list"> - {% for iconClassName in site.data.glyphicons %} - <li> - <span class="glyphicon {{ iconClassName }}"></span> - <span class="glyphicon-class">glyphicon {{ iconClassName }}</span> - </li> - {% endfor %} - </ul> - </div> - - - <h2 id="glyphicons-how-to-use">How to use</h2> - <p>For performance reasons, all icons require a base class and individual icon class. To use, place the following code just about anywhere. Be sure to leave a space between the icon and text for proper padding.</p> - <div class="bs-callout bs-callout-danger"> - <h4>Don't mix with other components</h4> - <p>Icon classes cannot be directly combined with other components. They should not be used along with other classes on the same element. Instead, add a nested <code><span></code> and apply the icon classes to the <code><span></code>.</p> - </div> - <div class="bs-callout bs-callout-danger"> - <h4>Only for use on empty elements</h4> - <p>Icon classes should only be used on elements that contain no text content and have no child elements.</p> - </div> - <div class="bs-callout bs-callout-info"> - <h4>Changing the icon font location</h4> - <p>Bootstrap assumes icon font files will be located in the <code>../fonts/</code> directory, relative to the compiled CSS files. Moving or renaming those font files means updating the CSS in one of three ways:</p> - <ul> - <li>Change the <code>@icon-font-path</code> and/or <code>@icon-font-name</code> variables in the source Less files.</li> - <li>Utilize the <a href="http://lesscss.org/usage/#command-line-usage-relative-urls">relative URLs option</a> provided by the Less compiler.</li> - <li>Change the <code>url()</code> paths in the compiled CSS.</li> - </ul> - <p>Use whatever option best suits your specific development setup.</p> - </div> -{% highlight html %} -<span class="glyphicon glyphicon-search"></span> -{% endhighlight %} - - - <h2 id="glyphicons-examples">Examples</h2> - <p>Use them in buttons, button groups for a toolbar, navigation, or prepended form inputs.</p> - <div class="bs-example"> - <div class="btn-toolbar" role="toolbar"> - <div class="btn-group"> - <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-align-left"></span></button> - <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-align-center"></span></button> - <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-align-right"></span></button> - <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-align-justify"></span></button> - </div> - </div> - <div class="btn-toolbar" role="toolbar"> - <button type="button" class="btn btn-default btn-lg"><span class="glyphicon glyphicon-star"></span> Star</button> - <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-star"></span> Star</button> - <button type="button" class="btn btn-default btn-sm"><span class="glyphicon glyphicon-star"></span> Star</button> - <button type="button" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-star"></span> Star</button> - </div> - </div> -{% highlight html %} -<button type="button" class="btn btn-default btn-lg"> - <span class="glyphicon glyphicon-star"></span> Star -</button> -{% endhighlight %} -</div> |
