JSFiddle - React, Tailwind, and code Playground

by Lindow

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div class="container-fluid">
  <h1>Hello World!</h1>
  <p>Resize the browser window to see the effect.</p>
  <div class="row">
    <div class="col-sm-4" style="background-color:lavender;">
      <div class="row">.col-sm-4
        <ul class="list-group listDetail">
          <li class="list-group-item">Name<span class="pull-right">: </span></li>
          <li class="list-group-item">Address<span class="pull-right">: </span></li>
          <li class="list-group-item">Phone<span class="pull-right">: </span></li>
          <li class="list-group-item">Pet Name<span class="pull-right">: </span></li>

        </ul>
      </div>
    </div>
    <div class="col-sm-8" style="background-color:lavenderblush;">
      <div class="row">.col-sm-8
        <ul class="list-group listDetail">

          <li class="list-group-item">Pete</li>
          <li class="list-group-item">Zuma Deluxe Apartement</li>
          <li class="list-group-item">911</li>
          <li class="list-group-item">Foo Fighters</li>

        </ul>
      </div>
    </div>
  </div>
</div>