JSFiddle - React, Tailwind, and code Playground

by panchroma

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css">
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js"></script>
    <div class='container'>
      <div class='carousel slide' id='myCarousel'>
        
          <div class='carousel-inner'>
          
              <div class='active item'>
            
              <img src="http://placehold.it/600x400" />
            
            <div class='carousel-caption'>
              <p class='lead'>
                XXYY
              </p>
              <a lass='btn btn-large btn-primary' href='#'>
                XX
              </a>
            </div>
          </div>
          <div class='item'>
           
              <img src="http://placehold.it/600x400" />
         
            <div class='carousel-caption'>
              <p class='lead'>
                XX
              </p>
              <a class='btn btn-large btn-primary' href='#'>
                XX
              </a>
            </div>
          </div>
        </div>
        
      </div>
    </div>

JavaScript

$(document).ready(function(){
        $('.carousel').carousel({
          interval: 3000
        });
    });