Redo all our callouts with the custom callout plugin

- Replaces manual use of .bd-callout with {% callout [type] %}
- Rearranged some callouts for proximity to others
- Turned long lists of callouts--like those on tooltips, plugings, etc--into a list because holy shit that's overwhelming

1 files changed, 10 insertions, 8 deletions

diff --git a/docs/components/scrollspy.md b/docs/components/scrollspy.md
index 1164c7563..dde50fc2a 100644
--- a/docs/components/scrollspy.md
+++ b/docs/components/scrollspy.md
@@ -93,15 +93,17 @@ After adding `position: relative;` in your CSS, call the scrollspy via JavaScrip
 $('body').scrollspy({ target: '#navbar-example' })
 {% endhighlight %}
 
-<div class="bd-callout bd-callout-danger">
-  <h4>Resolvable ID targets required</h4>
-  <p>Navbar links must have resolvable id targets. For example, a <code>&lt;a href="#home"&gt;home&lt;/a&gt;</code> must correspond to something in the DOM like <code>&lt;div id="home"&gt;&lt;/div&gt;</code>.</p>
-</div>
+{% callout danger %}
+#### Resolvable ID targets required
 
-<div class="bd-callout bd-callout-info">
-  <h4>Non-<code>:visible</code> target elements ignored</h4>
-  <p>Target elements that are not <a href="http://api.jquery.com/visible-selector/"><code>:visible</code> according to jQuery</a> will be ignored and their corresponding nav items will never be highlighted.</p>
-</div>
+Navbar links must have resolvable id targets. For example, a `<a href="#home">home</a>` must correspond to something in the DOM like `<div id="home"></div>`.
+{% endcallout %}
+
+{% callout info %}
+#### Non-`:visible` target elements ignored
+
+Target elements that are not [`:visible` according to jQuery](http://api.jquery.com/visible-selector/) will be ignored and their corresponding nav items will never be highlighted.
+{% endcallout %}
 
 ### Methods