JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <head>
        <link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="jquery.js"></script>
        <script type="text/javascript" src="http://twitter.github.com/bootstrap/assets/js/bootstrap-transition.js"></script>

        <script type="text/javascript" src="http://twitter.github.com/bootstrap/assets/js/bootstrap-carousel.js"></script>
        <style>
            .carousel {
                width: 80%;
                margin-left: auto;
                margin-right: auto;
            }
        </style>

        <title>testapp</title>
    </head>

    <body>

        <div id="myCarousel" class="carousel slide">
            <div class="carousel-inner">

                <div class="item active">
                    <img src="https://www.ryanhomes.com/file-grab/8842e01d-c4bc-41d4-a77b-5419e6779b22.png" />
                    
                </div>
                <div class="item">
                    <img src="https://www.ryanhomes.com/file-grab/8842e01d-c4bc-41d4-a77b-5419e6779b22.png" />                 
                </div>
                <div class="item">
                    <img src="https://www.ryanhomes.com/file-grab/8842e01d-c4bc-41d4-a77b-5419e6779b22.png" />                 
                </div>
                <div class="item">
                    <img src="https://www.ryanhomes.com/file-grab/8842e01d-c4bc-41d4-a77b-5419e6779b22.png" />                 
                </div>
                <div class="item">
                    <img src="https://www.ryanhomes.com/file-grab/8842e01d-c4bc-41d4-a77b-5419e6779b22.png" />                 
                </div>
            </div>
            <!-- Carousel nav -->
            <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
            <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
        </div>
    </body>
</html>

CSS

.carousel .item img {
margin-left: auto;
margin-right: auto;
}

JavaScript

$('.myCarousel').carousel({
  interval: 2000
})