From: Jayanth Koushik <jnkoushik@gmail.com>
Date: Tue, 11 Nov 2014 09:58:21 +0000 (+0530)
Subject: Fix Issue #15076.
X-Git-Tag: v3.3.1~15^2
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=refs%2Fpull%2F15077%2Fhead;p=thirdparty%2Fbootstrap.git

Fix Issue #15076.

This commit adds documentation explaining the need to have an initial
.active element in carousels.
---

diff --git a/docs/_includes/js/carousel.html b/docs/_includes/js/carousel.html
index a74802b623..56dd856d91 100644
--- a/docs/_includes/js/carousel.html
+++ b/docs/_includes/js/carousel.html
@@ -75,6 +75,11 @@
     <p>Bootstrap exclusively uses CSS3 for its animations, but Internet Explorer 8 &amp; 9 don't support the necessary CSS properties. Thus, there are no slide transition animations when using these browsers. 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">
+    <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>
+
   <h3>Optional captions</h3>
   <p>Add captions to your slides easily with the <code>.carousel-caption</code> element within any <code>.item</code>. Place just about any optional HTML within there and it will be automatically aligned and formatted.</p>
   <div class="bs-example">