From c84cf4f7f5187e607e1c5a921d7a7b8166e66def Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Thu, 16 Apr 2015 14:07:20 -0700
Subject: rename classes from .bs-docs and .bs to .bd

---
 docs/components/carousel.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

(limited to 'docs/components/carousel.md')

diff --git a/docs/components/carousel.md b/docs/components/carousel.md
index 36b302579..d8de77c63 100644
--- a/docs/components/carousel.md
+++ b/docs/components/carousel.md
@@ -36,12 +36,12 @@ A slideshow component for cycling through elements—images or slides of text—
 </div>
 {% endexample %}
 
-<div class="bs-callout bs-callout-warning" id="callout-carousel-transitions">
+<div class="bd-callout bd-callout-warning" id="callout-carousel-transitions">
   <h4>Transition animations not supported in Internet Explorer 9</h4>
   <p>Bootstrap exclusively uses CSS3 for its animations, but Internet Explorer 9 doesn't support the necessary CSS properties. Thus, there are no slide transition animations when using that browser. We have intentionally decided not to include jQuery-based fallbacks for the transitions.</p>
 </div>
 
-<div class="bs-callout bs-callout-warning" id="callout-carousel-active">
+<div class="bd-callout bd-callout-warning" id="callout-carousel-active">
   <h4>Initial active element required</h4>
   <p>The <code>.active</code> class needs to be added to one of the slides. Otherwise, the carousel will not be visible.</p>
 </div>
@@ -50,7 +50,7 @@ A slideshow component for cycling through elements—images or slides of text—
 
 Add captions to your slides easily with the `.carousel-caption` element within any `.carousel-item`. Place just about any optional HTML within there and it will be automatically aligned and formatted.
 
-<div class="bs-example">
+<div class="bd-example">
   <div id="carousel-example-captions" class="carousel slide" data-ride="carousel">
     <ol class="carousel-indicators">
       <li data-target="#carousel-example-captions" data-slide-to="0" class="active"></li>
@@ -101,7 +101,7 @@ Add captions to your slides easily with the `.carousel-caption` element within a
 </div>
 {% endhighlight %}
 
-<div class="bs-callout bs-callout-danger">
+<div class="bd-callout bd-callout-danger">
   <h4>Accessibility issue</h4>
   <p>The carousel component is generally not compliant with accessibility standards. If you need to be compliant, please consider other options for presenting your content.</p>
 </div>
-- 
cgit v1.2.3


From 466d36e54175ee00927d6518d9481acd2d210590 Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Thu, 16 Apr 2015 16:56:40 -0700
Subject: 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
---
 docs/components/carousel.md | 27 +++++++++++++++------------
 1 file changed, 15 insertions(+), 12 deletions(-)

(limited to 'docs/components/carousel.md')

diff --git a/docs/components/carousel.md b/docs/components/carousel.md
index d8de77c63..138358f37 100644
--- a/docs/components/carousel.md
+++ b/docs/components/carousel.md
@@ -36,15 +36,17 @@ A slideshow component for cycling through elements—images or slides of text—
 </div>
 {% endexample %}
 
-<div class="bd-callout bd-callout-warning" id="callout-carousel-transitions">
-  <h4>Transition animations not supported in Internet Explorer 9</h4>
-  <p>Bootstrap exclusively uses CSS3 for its animations, but Internet Explorer 9 doesn't support the necessary CSS properties. Thus, there are no slide transition animations when using that browser. We have intentionally decided not to include jQuery-based fallbacks for the transitions.</p>
-</div>
+{% callout warning %}
+#### Transition animations not supported in Internet Explorer 9
 
-<div class="bd-callout bd-callout-warning" id="callout-carousel-active">
-  <h4>Initial active element required</h4>
-  <p>The <code>.active</code> class needs to be added to one of the slides. Otherwise, the carousel will not be visible.</p>
-</div>
+Bootstrap exclusively uses CSS3 for its animations, but Internet Explorer 9 doesn't support the necessary CSS properties. Thus, there are no slide transition animations when using that browser. We have intentionally decided not to include jQuery-based fallbacks for the transitions.
+{% endcallout %}
+
+{% callout warning %}
+#### Initial active element required
+
+The `.active` class needs to be added to one of the slides. Otherwise, the carousel will not be visible.
+{% endcallout %}
 
 ### Optional captions
 
@@ -101,10 +103,11 @@ Add captions to your slides easily with the `.carousel-caption` element within a
 </div>
 {% endhighlight %}
 
-<div class="bd-callout bd-callout-danger">
-  <h4>Accessibility issue</h4>
-  <p>The carousel component is generally not compliant with accessibility standards. If you need to be compliant, please consider other options for presenting your content.</p>
-</div>
+{% callout danger %}
+#### Accessibility issue
+
+The carousel component is generally not compliant with accessibility standards. If you need to be compliant, please consider other options for presenting your content.
+{% endcallout %}
 
 ## Usage
 
-- 
cgit v1.2.3