JSFiddle - React, Tailwind, and code Playground
by Hifni Nazeer
HTML
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<form class="form-horizontal">
<div class="form-group">
<label for="customerFormAddress" class="col-sm-2 control-label">Address</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="customerFormAddress" value="28 FIRST LANE GOTAMI ROAD BORELLA" readonly />
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label" for="customerCountry">Country</label>
<div class="col-sm-4">
<input class="form-control" id="customerCountry" value="LK" readonly>
</div>
<label class="col-sm-2 control-label" for="customerCountry">Nationality</label>
<div class="col-sm-4">
<input class="form-control" id="customerCountry" value="LK" readonly>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label" for="customerAccountStatus">Type</label>
<div class="col-sm-4">
<input class="form-control" id="customerAccountStatus" value="NORMAL" readonly>
</div>
<label class="col-sm-2 control-label" for="customerAccountStatus">Status</label>
<div class="col-sm-4">
<input class="form-control" id="customerAccountStatus" value="ACTIVE" readonly>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label" for="customerAccountStatus">Opened</label>
<div class="col-sm-2">
<input class="form-control" id="customerAccountStatus" value="13/06/1995" readonly>
</div>
<label class="col-sm-2 control-label" for="customerAccountStatus">Category</label>
<div class="col-sm-2">
<input class="form-control" id="customerAccountStatus" value="CATEMPL-JKB" readonly>
</div>
<label class="col-sm-2 control-label"...