JSFiddle - React, Tailwind, and code Playground

by lgtsfiddler

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.cycle2/20140415/jquery.cycle2.min.js"></script>
<div class="container">
    <div class="row">
        <div class="col-lg-12">
    <div class="row" style='margin-bottom:10px'>
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 nopadding">
            <ul class="cycle-slideshow" data-cycle-slides='li'>
                <li><img class="img-responsive" src="http://lorempixel.com/400/200/"></li>
                <li><img class="img-responsive" src="http://lorempixel.com/800/400/"></li>
                <li><img class="img-responsive" src="http://lorempixel.com/600/300/"></li>
                <li><img class="img-responsive" src="http://lorempixel.com/400/200/"></li>
            </ul>
        </div>
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 nopadding"></div>
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 nopadding"></div>
    </div>
    <div class="row">
        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 nopadding"></div>
        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 nopadding">
            <ul class="cycle-slideshow" data-cycle-slides='li'>
                <li><img class="img-responsive" src="http://lorempixel.com/450/200/"></li>
                <li><img class="img-responsive" src="http://lorempixel.com/700/400/"></li>
                <li><img class="img-responsive" src="http://lorempixel.com/650/300/"></li>
                <li><img class="img-responsive" src="http://lorempixel.com/400/200/"></li>
            </ul>
        </div>
        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 nopadding">
            <ul class="cycle-slideshow" data-cycle-slides='li'>
                <li><img class="img-responsive" src="http://lorempixel.com/400/200/"></li>
                <li><img...

CSS

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}