JSFiddle - React, Tailwind, and code Playground

by Simon Price

HTML

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://bootswatch.com/3/cosmo/bootstrap.min.css">
<div class="row equal">
    <div class="col-md-6">
        <div class="col-md-12">
          <ul class="list-group">
            <li class="list-group-item list-group-item-info">Header</li>
            <li class="list-group-item">Second item</li>
            <li class="list-group-item">Third item</li>
          </ul>
        </div>
    </div>
    <div class="col-md-6">
        <div class="col-md-12">
          <ul class="list-group">
            <li class="list-group-item list-group-item-info">Header</li>
            <li class="list-group-item">Second item</li>
            <li class="list-group-item">Third item</li>
          </ul>
        </div>
    </div>
    <div class="col-md-6">
        <div class="col-md-12">
          <ul class="list-group">
            <li class="list-group-item list-group-item-info">Header</li>
            <li class="list-group-item">Second item</li>
            <li class="list-group-item">Third item</li>
          </ul>
        </div>
    </div>
    <div class="col-md-6">
        <div class="col-md-12">
        <ul class="list-group">
            <li class="list-group-item list-group-item-info">Header</li>
            <li class="list-group-item">Second item</li>
            <li class="list-group-item">Third item</li>
        </ul>
    </div>
</div>