JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<form class="form-inline form-padding">
        <div class="form-group has-error">
            <input class="form-control" placeholder="First Name" name="firstname" type="text" />
            <p class="help-block">Error message</p>
        </div>

        <div class="form-group">
            <input class="form-control" placeholder="Last Name" name="lastname" type="text" />
        </div>
        <div class="form-group">
            <button type="submit" id="form-button" class="btn btn-primary">Load</button>
        </div>
    </form>

CSS

.form-inline > .form-group {
    vertical-align: top;
}