JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<div class="row">
                     <div class="col-xs-4 col-lg-4">
            <label for="firstNameInput" class="control-label">First Name</label>

           
                <input type="text" id="firstNameInput" class="form-control" />
            </div>


 <div class="col-xs-6 col-lg-5">
            <label for="lastNameInput" class="control-label">Last Name</label>            
          
                <input type="text" id="lastNameInput" class="form-control" />
            </div>
<div class="col-xs-2 col-lg-1 mt-5 align-baseline">   
        <input type="text" class="form-control" />
    </div>
    
</div>
<div class="row">
                     <div class="col-xs-4 col-lg-4">
            <label for="firstNameInput" class="control-label">First Name</label>

           
                <input type="text" id="firstNameInput" class="form-control" />
            </div>


 <div class="col-xs-6 col-lg-5">
            <label for="lastNameInput" class="control-label">Last Name</label>            
          
                <input type="text" id="lastNameInput" class="form-control" />
            </div>
<div class="col-xs-2 col-lg-1 mb-0 align-baseline">   
        <input type="submit" value="Submit" class="btn btn-primary" />
    </div>
    
</div>