aboutsummaryrefslogtreecommitdiff
path: root/docs
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2012-02-01 23:10:00 -0800
committerMark Otto <[email protected]>2012-02-01 23:10:00 -0800
commit1ec6628e8005b17ecf16b194450874d8e988a45d (patch)
tree521682c9343db3b2ccbf9ca5eebc491eae6aa960 /docs
parent25ffe14c1bf43539d12b459a3807d37d826d1246 (diff)
downloadbootstrap-1ec6628e8005b17ecf16b194450874d8e988a45d.tar.xz
bootstrap-1ec6628e8005b17ecf16b194450874d8e988a45d.zip
add note for icon class usage per #1501
Diffstat (limited to 'docs')
-rw-r--r--docs/assets/bootstrap.zipbin52356 -> 52356 bytes
-rw-r--r--docs/base-css.html4
-rw-r--r--docs/templates/pages/base-css.mustache4
3 files changed, 8 insertions, 0 deletions
diff --git a/docs/assets/bootstrap.zip b/docs/assets/bootstrap.zip
index 12aef2c01..c1b04c36b 100644
--- a/docs/assets/bootstrap.zip
+++ b/docs/assets/bootstrap.zip
Binary files differ
diff --git a/docs/base-css.html b/docs/base-css.html
index a198064f8..f6fcda10c 100644
--- a/docs/base-css.html
+++ b/docs/base-css.html
@@ -1469,6 +1469,10 @@ For example, &lt;code&gt;section&lt;/code&gt; should be wrapped as inline.
&lt;i class="icon-search icon-white"&gt;&lt;/i&gt;
</pre>
<p>There are 120 classes to choose from for your icons. Just add an <code>&lt;i&gt;</code> tag with the right classes and you're set. You can find the full list in <strong>sprites.less</strong> or right here in this document.</p>
+ <div class="alert alert-info">
+ <strong>Heads up!</strong>
+ The <code>.icon-</code> class must be listed first in the class tag for proper CSS targeting.
+ </div>
</div>
<div class="span4">
<h3>Use cases</h3>
diff --git a/docs/templates/pages/base-css.mustache b/docs/templates/pages/base-css.mustache
index 634809715..892442cee 100644
--- a/docs/templates/pages/base-css.mustache
+++ b/docs/templates/pages/base-css.mustache
@@ -1393,6 +1393,10 @@
&lt;i class="icon-search icon-white"&gt;&lt;/i&gt;
</pre>
<p>{{_i}}There are 120 classes to choose from for your icons. Just add an <code>&lt;i&gt;</code> tag with the right classes and you're set. You can find the full list in <strong>sprites.less</strong> or right here in this document.{{/i}}</p>
+ <div class="alert alert-info">
+ <strong>{{_i}}Heads up!{{/i}}</strong>
+ {{_i}}The <code>.icon-</code> class must be listed first in the class tag for proper CSS targeting.{{/i}}
+ </div>
</div>
<div class="span4">
<h3>{{_i}}Use cases{{/i}}</h3>