Bootstrap Well Form - Label Play
HTML
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/css/bootstrap-combined.min.css">
<div class="row-fluid">
<form class="form well">
<fieldset>
<legend>Legend</legend>
<label class="control-label">Label name beedee bop boombam bam-a-re-no</label>
<input type="text" placeholder="Type something…">
<span class="help-block">Example block-level help text here.</span>
<label class="checkbox">
<input type="checkbox"> Check me out
</label>
<button type="submit" class="btn">Submit</button>
</fieldset>
</form>
</div>
<div class="row-fluid">
<form class="form well">
<fieldset>
<legend>Legend</legend>
<label>Sane Label</label>
<input type="text" placeholder="Type something…">
<span class="help-block"> you might not know name beedee bop boombam bam-a-re-no</span>
<label class="checkbox">
<input type="checkbox"> Check me out
</label>
<button type="submit" class="btn">Submit</button>
</fieldset>
</form>
</div>
<!-- TODO: make a control-group not wrap -->
<!-- TODO: + mutli control-group rows -->
CSS
form label,
{
white-space: nowrap;
}