JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<div class="form-group without-input-group">
    <label>label</label>
    <input type="text" class="form-control" value="value" />
</div>
<hr/>
<div class="form-group with-input-group">    
    <div class="input-group">
        <label>label</label>
        <input type="text" class="form-control" value="value" />
        <span class="input-group-addon">addon</span>
    </div>
</div>

CSS

.without-input-group input {
    max-width: 250px;
    display: inline-block;
}
.with-input-group .input-group {
    max-width: 250px;
    display: inline-table;
}
.input-group label {
    padding: 4px;
    display: table-cell;
    vertical-align: middle;
}