aboutsummaryrefslogtreecommitdiff
path: root/docs/_includes/components/glyphicons.html
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2014-07-07 22:10:22 -0700
committerMark Otto <[email protected]>2014-07-07 22:10:22 -0700
commit81b59d35368bc51d361d0352cc92fe99dc580fbf (patch)
tree2395d5e79edaaa8c0a7ad82e99931ec895421532 /docs/_includes/components/glyphicons.html
parentfed2b0f7eb78438eb1b768782b04651881d88740 (diff)
parentddee04038f946ac103eb4e70c8eb7adeb2cf563b (diff)
downloadbootstrap-81b59d35368bc51d361d0352cc92fe99dc580fbf.tar.xz
bootstrap-81b59d35368bc51d361d0352cc92fe99dc580fbf.zip
Merge branch 'master' into derp
Conflicts: docs/_layouts/default.html docs/assets/css/docs.min.css docs/assets/css/src/docs.css docs/assets/js/docs.min.js docs/assets/js/src/application.js
Diffstat (limited to 'docs/_includes/components/glyphicons.html')
-rw-r--r--docs/_includes/components/glyphicons.html14
1 files changed, 14 insertions, 0 deletions
diff --git a/docs/_includes/components/glyphicons.html b/docs/_includes/components/glyphicons.html
index 6900e0dfa..e87434137 100644
--- a/docs/_includes/components/glyphicons.html
+++ b/docs/_includes/components/glyphicons.html
@@ -21,6 +21,20 @@
<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>&lt;span&gt;</code> and apply the icon classes to the <code>&lt;span&gt;</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 %}