From 04fd01d4b67b8f71fe58affb34fcf4907ccabc98 Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Tue, 7 Feb 2012 22:04:52 -0800 Subject: [PATCH] fix docs for carousel markup --- docs/assets/bootstrap.zip | Bin 52560 -> 52560 bytes docs/javascript.html | 6 ++++-- docs/templates/pages/javascript.mustache | 6 ++++-- 3 files changed, 8 insertions(+), 4 deletions(-) diff --git a/docs/assets/bootstrap.zip b/docs/assets/bootstrap.zip index 90fa63336a47670b455ecee83fc27340ae4c5694..132c95a7b572c82fa49cd4f1e2f5fb256df4ccc1 100644 GIT binary patch delta 451 zcmcaGi}}JVW}X0VW)?065SYGUB9EeSt$>k#9T1mRa5FHnd}U-{U=aaIA}gDmSRgYo zhm#GYtWIEZPk}TOQ11*|sKCbCXE}fZlUH#%LPa)zh($ delta 451 zcmcaGi}}JVW}X0VW)?065O}q2B9Ef7JD-ui2N0K5a5FHnd}U-{U=aaIA}gDmSRgYo zhm#GY%!6-oPk}TOQ11*|sKCbCXE}fZlUH#%LPa)zMarkup

Data attributes are integral to the carousel plugin. Check out the example code below for the various markup types.

-<div class="carousel">
+<div id="myCarousel" class="carousel">
   <!-- Carousel items -->
   <div class="carousel-inner">
-    ...
+    <div class="active item">…</div>
+    <div class="item">…</div>
+    <div class="item">…</div>
   </div>
   <!-- Carousel nav -->
   <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
diff --git a/docs/templates/pages/javascript.mustache b/docs/templates/pages/javascript.mustache
index c24626f8a3..3ff0ed8b64 100644
--- a/docs/templates/pages/javascript.mustache
+++ b/docs/templates/pages/javascript.mustache
@@ -1228,10 +1228,12 @@ $('#myCollapsible').on('hidden', function () {
           

{{_i}}Markup{{/i}}

{{_i}}Data attributes are integral to the carousel plugin. Check out the example code below for the various markup types.{{/i}}

-<div class="carousel">
+<div id="myCarousel" class="carousel">
   <!-- {{_i}}Carousel items{{/i}} -->
   <div class="carousel-inner">
-    ...
+    <div class="active item">…</div>
+    <div class="item">…</div>
+    <div class="item">…</div>
   </div>
   <!-- {{_i}}Carousel nav{{/i}} -->
   <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>