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">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div class="row">
  <div class="col-xs-4">
    <div class="form-group">
      <label class="control-label" for="IntraAccountRefNo">Intra Account Reference No.</label>
      <input name="IntraAccountRefNo" class="form-control text-box single-line" id="labelLodgementID" type="number" readonly="readonly" placeholder="Action" value="550" data-val-required="The Intra Account Reference No. field is required." data-val="true" data-val-number="The field Intra Account Reference No. must be a number.">
    </div>
  </div>
  <div class="col-xs-4">
    <div class="form-group">
      <label class="control-label" for="IntraAccountRefNo">Intra Account Reference No.</label>
      <input name="IntraAccountRefNo" class="form-control text-box single-line" id="labelLodgementID" type="number" readonly="readonly" placeholder="Action" value="550" data-val-required="The Intra Account Reference No. field is required." data-val="true" data-val-number="The field Intra Account Reference No. must be a number.">
    </div>
  </div>
  <div class="col-xs-4">
    <div class="form-group">
      <label class="control-label" for="IntraAccountRefNo">Intra Account Reference No.</label>
      <input name="IntraAccountRefNo" class="form-control text-box single-line" id="labelLodgementID" type="number" readonly="readonly" placeholder="Action" value="550" data-val-required="The Intra Account Reference No. field is required." data-val="true" data-val-number="The field Intra Account Reference No. must be a number.">
    </div>
  </div>
</div>