add note for icon class usage per #1501

diff --git a/docs/assets/bootstrap.zip b/docs/assets/bootstrap.zip
index 12aef2c013f317c7938bf955a49b98702e83cc32..c1b04c36b4eac385e7e6afa01697daa4fd1bf6b6 100644 (file)
Binary files a/docs/assets/bootstrap.zip and b/docs/assets/bootstrap.zip differ

diff --git a/docs/base-css.html b/docs/base-css.html
index a198064f8195c1af670b5754fec57df391999247..f6fcda10c2deab7831424cc8223afd3376483f29 100644 (file)
--- a/docs/base-css.html
+++ b/docs/base-css.html
@@ -1469,6 +1469,10 @@ For example, <code>section</code> should be wrapped as inline.
 <i class="icon-search icon-white"></i>
 </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 6348097159ff6ea3e0ad09129074a930994eabc9..892442ceec55794492a170fb69548f7423e1c311 100644 (file)
--- a/docs/templates/pages/base-css.mustache
+++ b/docs/templates/pages/base-css.mustache
@@ -1393,6 +1393,10 @@
 <i class="icon-search icon-white"></i>
 </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>