From: Mark Otto <otto@github.com>
Date: Mon, 27 Jan 2014 17:24:51 +0000 (-0800)
Subject: document id requirement in carousels per #12393
X-Git-Tag: v3.1.1~21
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=e08e871f01fd8848101e152c9afdd758280de27d;p=thirdparty%2Fbootstrap.git

document id requirement in carousels per #12393
---

diff --git a/docs/javascript.html b/docs/javascript.html
index 7d41a0378a..225f48daba 100644
--- a/docs/javascript.html
+++ b/docs/javascript.html
@@ -1923,6 +1923,9 @@ $('#myCollapsible').on('hidden.bs.collapse', function () {
 
   <h2 id="carousel-usage">Usage</h2>
 
+  <h3>Multiple carousels</h3>
+  <p>Carousels require the use of an <code>id</code> on the outter most container, <code>.carousel</code>, for carousel controls to properly function. When adding multiple carousels, or when changing a carousel's <code>id</code>, be sure to update the relevant controls.</p>
+
   <h3>Via data attributes</h3>
   <p>Use data attributes to easily control the position of the carousel. <code>data-slide</code> accepts the keywords <code>prev</code> or <code>next</code>, which alters the slide position relative to its current position. Alternatively, use <code>data-slide-to</code> to pass a raw slide index to the carousel <code>data-slide-to="2"</code>, which shifts the slide position to a particular index beginning with <code>0</code>.</p>
   <p>The <code>data-ride="carousel"</code> attribute is used to mark a carousel as animating starting at page load.</p>