bootstrap label next to input
alignment, css, twitter-bootstrap
Solution
Yes, you can do this by bootstrap column structure.
<div class="form-group">
<label for="name" class="col-lg-4">Name:</label>
<div class="col-lg-8">
<input type="text" class="form-control" name="name" id="name">
</div>
</div>
Here is a Bootply Demo
Problem
I'm trying to put an input field's label next to it instead of above it using bootstrap. Wrapping this in `form-horizontal` works, but it's not actually in a form (just an ajax call that reads the value). Is there a way to simply move the label to the left side of the input? ``` <div class="controls-row"> <div class="control-group"> <label class="control-label" for="my-number">ALabel</label> <div class="controls"> <input id="my-number" type="number"/> </div> </div> </div> ``` The fiddle is at http://jsfiddle.net/7VmR9/