Fix Heads up! part for Images section

docs/base-css.html

@@ -1567,7 +1567,8 @@ For example, <code>section</code> should be wrapped as inline.
             <h1>Images</h1>
           </div>
 
-          <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>
+          <p>Simple classes to easily style images in any project.</p>
+          <p><span class="label label-info">Heads up!</span> <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">

docs/templates/pages/base-css.mustache

@@ -1504,7 +1504,8 @@
             <h1>{{_i}}Images{{/i}}</h1>
           </div>
 
-          <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>
+          <p>{{_i}}Simple classes to easily style images in any project.</p>
+          <p><span class="label label-info">{{_i}}Heads up!{{/i}}</span> <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">