.bs-docs-sidenote to .bs-callout

1 files changed, 8 insertions, 8 deletions

diff --git a/docs/components.html b/docs/components.html
index f03547471..33ebeeacf 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -225,7 +225,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na
 </div>
 {% endhighlight %}
 
-    <div class="bs-docs-sidenote">
+    <div class="bs-callout">
       <h4>Accessibility</h4>
       <p>Keep in mind that using icons without any additional content means the icons are not represented to screen reader users.</p>
     </div>
@@ -592,7 +592,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na
     </div>
     <p class="lead">Use any button to trigger a dropdown menu by placing it within a <code>.btn-group</code> and providing the proper menu markup.</p>
 
-    <div class="bs-docs-sidenote">
+    <div class="bs-callout">
       <h4>Plugin dependency</h4>
       <p>Button dropdowns require the <a href="#dropdown-plugin">dropdown plugin</a> to be included in your version of Bootstrap.</p>
     </div>
@@ -950,7 +950,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na
     <h3 id="nav-disabled-links">Disabled state</h3>
     <p>For any nav component (tabs, pills, or list), add <code>.disabled</code> for <strong>gray links and no hover effects</strong>.</p>
 
-    <div class="bs-docs-sidenote">
+    <div class="bs-callout">
       <h4>Link functionality not impacted</h4>
       <p>This class will only change the <code>&lt;a&gt;</code>'s appearance, not its functionality. Use custom JavaScript to disable links here.</p>
     </div>
@@ -1231,7 +1231,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na
 </div>
 {% endhighlight %}
 
-    <div class="bs-docs-sidenote">
+    <div class="bs-callout">
       <h4>Body padding required</h4>
       <p>The fixed navbar will overlay your other content, unless you add <code>padding</code> to the top of the <code>&lt;body&gt;</code>. The navbar itself has a height of 54px by default. At 768px and above, its height shrinks to 50px. Try out your own values or use our snippet below:</p>
 {% highlight css %}
@@ -1267,7 +1267,7 @@ body {
 </div>
 {% endhighlight %}
 
-    <div class="bs-docs-sidenote">
+    <div class="bs-callout">
       <h4>Body padding required</h4>
       <p>The fixed navbar will overlay your other content, unless you add <code>padding</code> to the bottom of the <code>&lt;body&gt;</code>. The navbar itself has a height of 54px by default. At 768px and above, its height shrinks to 50px. Try out your own values or use our snippet below:</p>
 {% highlight css %}
@@ -1375,7 +1375,7 @@ body {
 </div><!-- /.navbar -->
 {% endhighlight %}
 
-    <div class="bs-docs-sidenote">
+    <div class="bs-callout">
       <h4>Plugin dependency</h4>
       <p>The responsive navbar requires the <a href="#collapse">collapse plugin</a> to be included in your version of Bootstrap.</p>
     </div>
@@ -1704,7 +1704,7 @@ body {
     <h4>Self collapsing</h4>
     <p>When there are no new or unread items, badges will simply collapse (via CSS's <code>:empty</code> selector) provided no content exists within.</p>
 
-    <div class="bs-docs-sidenote">
+    <div class="bs-callout">
       <h4>Cross-browser compatibility</h4>
       <p>Badges won't self collapse in Internet Explorer 8 because it lacks support for the <code>:empty</code> selector.</p>
     </div>
@@ -1963,7 +1963,7 @@ body {
     </div>
     <p class="lead">Provide up-to-date feedback on the progress of a workflow or action with simple yet flexible progress bars.</p>
 
-    <div class="bs-docs-sidenote">
+    <div class="bs-callout">
       <h4>Cross-browser compatibility</h4>
       <p>Progress bars use CSS3 transitions and animations to achieve some of their effects. These features are not supported in Internet Explorer 9 and below or older versions of Firefox. Opera 12 does not support animations.</p>
     </div>