How to vertically align button, text and input text field in TD using Twitter Bootstrap
Twitter bootstrap will add a margin-bottom: 10px
to most form elements, but not to the <button>
element. This will cause your HTML elements to look oddly aligned if placed in a single row of a table.
You could either remove the margin-bottom from the element, or add it to the other elements.
Take a look at this example:
Since you're asking about Twitter Bootstrap, and your code seems to form part of a form (forgive the redundancy), adding the "form-horizontal" class to the form should solve your aligning problems:
<form class="form-horizontal"></form>