add compability note to image styles

diff --git a/docs/base-css.html b/docs/base-css.html
index 4b67ef17e89f558f5491e9ed9f76ec23fb89e989..2f0c10f50037be355604a0283c0398383f9c00b9 100644 (file)
--- a/docs/base-css.html
+++ b/docs/base-css.html
@@ -1531,7 +1531,7 @@ For example, <code>section</code> should be wrapped as inline.
             <h1>Images</h1>
           </div>
 
-          <p>Simple classes to easily style images in any project.</p>
+          <p>Simple classes to easily style images in any project. Heads up: <code>.img-rounded</code> and <code>.img-circle</code> don't work in IE7-8.</p>
           <div class="bs-docs-example bs-docs-example-images">
             <img src="http://placehold.it/140x140" class="img-rounded">
             <img src="http://placehold.it/140x140" class="img-circle">

diff --git a/docs/templates/pages/base-css.mustache b/docs/templates/pages/base-css.mustache
index 0c18e80e7341df194e463955c2c6a51ac362bf93..8420f7d2ff6f21cce3e1bdd28f475b7e1f3ad7c9 100644 (file)
--- a/docs/templates/pages/base-css.mustache
+++ b/docs/templates/pages/base-css.mustache
@@ -1468,7 +1468,7 @@
             <h1>{{_i}}Images{{/i}}</h1>
           </div>
 
-          <p>Simple classes to easily style images in any project.</p>
+          <p>{{_i}}Simple classes to easily style images in any project. Heads up: <code>.img-rounded</code> and <code>.img-circle</code> don't work in IE7-8.{{/i}}</p>
           <div class="bs-docs-example bs-docs-example-images">
             <img src="http://placehold.it/140x140" class="img-rounded">
             <img src="http://placehold.it/140x140" class="img-circle">