Merge pull request #15093 from twbs/id-callouts

Give all docs callouts IDs
[skip sauce]

1 files changed, 3 insertions, 3 deletions

diff --git a/docs/_includes/components/alerts.html b/docs/_includes/components/alerts.html
index bdb88517b..4edcdd211 100644
--- a/docs/_includes/components/alerts.html
+++ b/docs/_includes/components/alerts.html
@@ -6,7 +6,7 @@
   <h2 id="alerts-examples">Examples</h2>
   <p>Wrap any text and an optional dismiss button in <code>.alert</code> and one of the four contextual classes (e.g., <code>.alert-success</code>) for basic alert messages.</p>
 
-  <div class="bs-callout bs-callout-info">
+  <div class="bs-callout bs-callout-info" id="callout-alerts-no-default">
     <h4>No default class</h4>
     <p>Alerts don't have default classes, only base and modifier classes. A default gray alert doesn't make too much sense, so you're required to specify a type via contextual class. Choose from success, info, warning, or danger.</p>
   </div>
@@ -34,7 +34,7 @@
 
   <h2 id="alerts-dismissible">Dismissible alerts</h2>
   <p>Build on any alert by adding an optional <code>.alert-dismissible</code> and close button.</p>
-  <div class="bs-callout bs-callout-info">
+  <div class="bs-callout bs-callout-info" id="callout-alerts-dismiss-plugin">
     <h4>Requires JavaScript alert plugin</h4>
     <p>For fully functioning, dismissible alerts, you must use the <a href="../javascript/#alerts">alerts JavaScript plugin</a>.</p>
   </div>
@@ -51,7 +51,7 @@
 </div>
 {% endhighlight %}
 
-  <div class="bs-callout bs-callout-warning">
+  <div class="bs-callout bs-callout-warning" id="callout-alerts-dismiss-use-button">
     <h4>Ensure proper behavior across all devices</h4>
     <p>Be sure to use the <code>&lt;button&gt;</code> element with the <code>data-dismiss="alert"</code> data attribute.</p>
   </div>