JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
<div class="form-horizontal middle" >    
    <div class="col-xs-12 col-sm-12">
        <div class="form-group">
            <label class="col-xs-12 col-sm-3 control-label">Full Name</label>
            <div class="col-xs-12 col-sm-9 has-feedback" >
                <input type="text" class="form-control text-capitalize" name="FullName" id="txtFullName"
                       placeholder="Full Name" />
                <span class="glyphicon glyphicon-remove text-danger form-control-feedback">
                </span>
            </div>
        </div>    
        <div class="form-group has-feedback">
            <label class="col-xs-12 col-sm-3 control-label">Gender</label>
            <div class="col-xs-12 col-sm-9">
                <select class="form-control">
                    <option>Male</option>
                    <option>Female</option>
                    <option>Other</option>
                </select>
                <i class="glyphicon glyphicon-remove text-danger form-control-feedback"></i>
            </div>
        </div>
    </div>
</div>

CSS

.middle{
    
    margin-top:50px;
}