<h3>Markup</h3>
<p>Data attributes are integral to the carousel plugin. Check out the example code below for the various markup types.</p>
<pre class="prettyprint linenums">
-<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>
<h3>{{_i}}Markup{{/i}}</h3>
<p>{{_i}}Data attributes are integral to the carousel plugin. Check out the example code below for the various markup types.{{/i}}</p>
<pre class="prettyprint linenums">
-<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>