JSFiddle - React, Tailwind, and code Playground

by JinHan Heo

HTML

<form id="f1" method="post">
            <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="portlet light portlet-fit portlet-form bordered">
                    <div class="portlet-title">
                        <div class="caption">
                            <i class="icon-info font-blue"></i>
                            <span class="caption-subject font-blue sbold uppercase">Basic information</span>
                        </div>
                    </div>
                    <div class="portlet-body">
                        <div class="row">
                            <div class="col-md-6 col-sm-6 col-xs-12">
                                <div class="col-md-12 col-sm-12 col-xs-12">
    <div class="form-group">
        <label class="control-label">Sending Partner Name</label>
        <div>
            <input type="text" class="form-control" placeholder="Sending Partner Name" maxlength="45" required="required" id="partnerName" name="partnerName" value="" data-com.onepassword.iv="">
        </div>
        
    </div>
</div>
                            </div>
                            <div class="col-md-6 col-sm-6 col-xs-12">
                                <div class="col-md-12 col-sm-12 col-xs-12">
    <div class="form-group">
        <label class="control-label">Sending Partner prefix</label>
        <div>
            <input type="text" class="form-control" placeholder="Sending Partner prefix" maxlength="5" required="required" id="partnerPrefix" name="partnerPrefix" value="" data-com.onepassword.iv="">
        </div>
        
    </div>
</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <button>ttt</button>
        </form>