JSFiddle - React, Tailwind, and code Playground

by manishmmulani

HTML

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<!--<div class="container-fluid">-->
<!--<div class="container">-->
<div>
<div class="row">
    <div class="col-md-1">col-md-1</div>
    <div class="col-md-1">col-md-1</div>
    <div class="col-md-1">col-md-1</div>
    <div class="col-md-1">col-md-1</div>
    <div class="col-md-1">col-md-1</div>
    <div class="col-md-1">col-md-1</div>
    <div class="col-md-1">col-md-1</div>
    <div class="col-md-1">col-md-1</div>
    <div class="col-md-1">col-md-1</div>
    <div class="col-md-1">col-md-1</div>
    <div class="col-md-1">col-md-1</div>
    <div class="col-md-1">col-md-1</div>
</div>

<div class="row">
    <div class="col-md-4">col-md-4</div>
    <div class="col-md-4">col-md-4</div>
    <div class="col-md-4">col-md-4</div>
</div>

<div class="row">
    <div class="col-md-4" style="background:grey">col-md-4</div>
    <div class="col-md-4" style="background:red">col-md-4</div>
    <div class="col-xs-6 col-sm-4 col-md-2" style="background:yellow">col-md-2</div>
    <div class="col-xs-6 col-sm-2 col-md-2" style="background:orange">col-md-2</div>
</div>
</div>