Fixes #11634: Add warning to docs to not combine icon classes with other elements

diff --git a/components.html b/components.html
index 53a788f3fa0692ce22f5c4db92e3f287c94a991d..ca6ae40ec776cd056e87c04430f3abcc12e48085 100644 (file)
--- a/components.html
+++ b/components.html
@@ -822,6 +822,10 @@ base_url: "../"
 
     <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 combined with other elements. They are designed to be standalone elements.</p>
+    </div>
 {% highlight html %}
 <span class="glyphicon glyphicon-search"></span>
 {% endhighlight %}