JSFiddle - React, Tailwind, and code Playground

HTML

<div id="myCarousel" class="carousel slide"><!-- .carousel -->

            <div class="carousel-inner">
                <div class="item active">
                    <img src="images/Qatar.jpg" width="1200"  style="border-radius:10px;" alt="Slide 1"/>
                </div>
                <div class="item">
                    <img src="images/QC.jpg" width="1200" style="border-radius:10px;" alt="Slide 2"/>        
                </div>
            </div>

            <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><!-- .carousel -->

CSS

@import url('http://getbootstrap.com/dist/css/bootstrap.css');

JavaScript

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