Merge pull request #15093 from twbs/id-callouts

Give all docs callouts IDs
[skip sauce]

1 files changed, 2 insertions, 2 deletions

diff --git a/docs/_includes/css/images.html b/docs/_includes/css/images.html
index 4f3687ea6..711608912 100644
--- a/docs/_includes/css/images.html
+++ b/docs/_includes/css/images.html
@@ -3,7 +3,7 @@
 
   <h2 id="images-responsive">Responsive images</h2>
   <p>Images in Bootstrap 3 can be made responsive-friendly via the addition of the <code>.img-responsive</code> class. This applies <code>max-width: 100%;</code> and <code>height: auto;</code> to the image so that it scales nicely to the parent element.</p>
-  <div class="bs-callout bs-callout-warning">
+  <div class="bs-callout bs-callout-warning" id="callout-images-ie-svg">
     <h4>SVG images and IE 8-10</h4>
     <p>In Internet Explorer 8-10, SVG images with <code>.img-responsive</code> are disproportionately sized. To fix this, add <code>width: 100% \9;</code> where necessary. Bootstrap doesn't apply this automatically as it causes complications to other image formats.</p>
   </div>
@@ -13,7 +13,7 @@
 
   <h2 id="images-shapes">Image shapes</h2>
   <p>Add classes to an <code>&lt;img&gt;</code> element to easily style images in any project.</p>
-  <div class="bs-callout bs-callout-danger">
+  <div class="bs-callout bs-callout-danger" id="callout-images-ie-rounded-corners">
     <h4>Cross-browser compatibility</h4>
     <p>Keep in mind that Internet Explorer 8 lacks support for rounded corners.</p>
   </div>