JSFiddle - React, Tailwind, and code Playground

by Ajay Barot

HTML

<link rel="stylesheet" href="http://getbootstrap.com/dist/css/bootstrap.css">
<script src="http://getbootstrap.com/dist/js/bootstrap.min.js"></script>
<div id="mainBanner" class="carousel slide" data-ride="carousel">
  <div class="carousel-inner">
    <div class="item active">
      <img src="https://files.one.ubuntu.com/8sBvVp4ZQ0-4jrQ_PlTe4w:6rXdmDm5Q8OZlrHWA0k47A" class="slidImageSize"/>
    </div>
    <div class="item">
      <img src="https://files.one.ubuntu.com/8sBvVp4ZQ0-4jrQ_PlTe4w:SbWYRzWWSDSVziVKHfbQNw" class="slidImageSize"/>
    </div>
    <div class="item">
      <img src="https://files.one.ubuntu.com/8sBvVp4ZQ0-4jrQ_PlTe4w:odJSA_buRQK3uzGLc5pdIA" class="slidImageSize"/>
    </div>
    <div class="item">
      <img src="https://files.one.ubuntu.com/8sBvVp4ZQ0-4jrQ_PlTe4w:n8LoQxTsSKqY6JFaFRYaIA"/>
    </div>
  </div>
 <a class="carousel-control left" href="#mainBanner" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>  <a class="carousel-control right" href="#mainBanner" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
</div>