fix broken docs callouts

docs/components.html

@@ -78,7 +78,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na
     </div>
     <p class="lead">Group a series of buttons together on a single line with the button group. Add on optional JavaScript radio and checkbox style behavior with <a href="/javascript/#js-buttons">our buttons plugin</a>.</p>
 
-    <div class="bs-callout">
+    <div class="bs-callout bs-callout-info">
       <h4>Tooltips &amp; popovers in button groups require special setting</h4>
       <p>When using tooltips or popovers on elements within a <code>.btn-group</code>, you'll have to specify the option <code>container: 'body'</code> to avoid unwanted side effects (such as the element growing wider and/or losing its rounded corners when the tooltip or popover is triggered).</p>
     </div>

docs/css.html

@@ -1511,7 +1511,7 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
       <h4>Cross-browser compatibility</h4>
       <p>Avoid using <code>&lt;select&gt;</code> elements here as they cannot be fully styled in WebKit browsers.</p>
     </div>
-    <div class="bs-callout">
+    <div class="bs-callout bs-callout-info">
       <h4>Tooltips &amp; popovers in input groups require special setting</h4>
       <p>When using tooltips or popovers on elements within an <code>.input-group</code>, you'll have to specify the option <code>container: 'body'</code> to avoid unwanted side effects (such as the element growing wider and/or losing its rounded corners when the tooltip or popover is triggered).</p>
     </div>

docs/javascript.html

@@ -755,7 +755,7 @@ $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
             </ul>
           </div><!-- /example -->
 
-          <div class="bs-callout">
+          <div class="bs-callout bs-callout-info">
             <h4>Tooltips in button groups and input groups require special setting</h4>
             <p>When using tooltips on elements within a <code>.btn-group</code> or an <code>.input-group</code>, you'll have to specify the option <code>container: 'body'</code> (documented below) to avoid unwanted side effects (such as the element growing wider and/or losing its rounded corners when the tooltip is triggered).</p>
           </div>
@@ -885,7 +885,7 @@ $('#example').tooltip(options)
           <h4>Plugin dependency</h4>
           <p>Popovers require the <a href="#tooltips">tooltip plugin</a> to be included in your version of Bootstrap.</p>
         </div>
-        <div class="bs-callout">
+        <div class="bs-callout bs-callout-info">
           <h4>Popovers in button groups and input groups require special setting</h4>
           <p>When using popovers on elements within a <code>.btn-group</code> or an <code>.input-group</code>, you'll have to specify the option <code>container: 'body'</code> (documented below) to avoid unwanted side effects (such as the element growing wider and/or losing its rounded corners when the popover is triggered).</p>
         </div>