JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<p><code><input /></code> without .btn-group</p>
<div class="options">
<input class="btn btn-primary" type="submit" value="Add Person" name="commit" />
<button class="btn" type="button">Cancel</button>
</div>
<p><code><input /></code> with .btn-group</p>
<div class="options btn-group">
<input class="btn btn-primary" type="submit" value="Add Person" name="commit" />
<button class="btn" type="button">Cancel</button>
</div>
<p><code><button type="submit"></code> with .btn-group</p>
<div class="options btn-group">
<button class="btn btn-primary" type="submit">Add Person</button>
<button class="btn" type="button">Cancel</button>
</div>
CSS
body {
margin: 5px;
}
.options {
margin-bottom: 40px;
}
JavaScript
/* Twitter bootstrap button alignment */