JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.4/css/bootstrap.min.css">
<link rel="stylesheet" href="http://www.jeasyui.com/easyui/themes/default/easyui.css">
<script src="http://www.jeasyui.com/easyui/jquery.min.js"></script>
<script src="http://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>
<form>
        <div class="form-group col-sm-6">
            <label for="name" class="control-label">Line Height</label>
            <input class="form-control" style="width:200px" id="name"/>
        </div>
        <div class="form-group col-sm-6">
            <label for="name1" class="control-label">Padding Top</label>
            <input class="form-control" style="width:200px" id="name1"/>
        </div>
</form>
<form>
        <div class="form-group col-sm-6">
            <label for="name2" class="control-label">Display Name</label>
            <input class="form-control easyui-textbox" style="width:200px" id="name2" />
        </div>
        <div class="form-group col-sm-6">
            <label for="name3" class="control-label">Start Screen</label>
            <input class="form-control easyui-textbox" style="width:200px" id="name3"/>
        </div>
</form>