JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<div class="row">
    <div class="col-xs-6 form-group">
        <label>Label1</label>
        <input class="form-control" type="text"/>
    </div>
    <div class="col-xs-6 form-group">
        <label>Label2</label>
        <input class="form-control" type="text"/>
    </div>
    <div class="col-xs-6">
        <div class="row">
            <label class="col-xs-12">Label3</label>
        </div>
        <div class="row">
            <div class="col-xs-12 col-sm-6">
                <input class="form-control" type="text"/>
            </div>
            <div class="col-xs-12 col-sm-6">
                <input class="form-control" type="text"/>
            </div>
        </div>
    </div>
    <div class="col-xs-6 form-group">
        <label>Label4</label>
        <input class="form-control" type="text"/>
    </div>
</div>