I am having issues correctly aligning buttons within with my razor markup.
<button class="btn btn-default" type="button" id="buttonId">
The button aligns with the
<label> element, and I am really looking for it to align with the
<input>. I have tried using margins and padding but it has not produced the results I am looking for.
EDIT: I have included a Fiddle Link here
Best How To :
Elements with the
form-group class act as rows, so I'd use a combination of that and
row elements to make it happen:
<label class="control-label" for="whatItsFor">Label Text:</label>
<input class="form-control text-box single-line" ... />
Note that I've changed your breakpoints to
xs for this demo.
If you're able to update to Bootstrap 3.2, you can use column offsets instead of empty columns:
<div class="col-xs-4 col-xs-offset-2">
<button id="buttonId" class="btn btn-default" ...>Texty</button>