Created by: rafeca
The CSS selector to float the labels left in horizontal forms is .form-horizontal .control-label
(https://github.com/twitter/bootstrap/blob/master/less/forms.less#L608) but the selector to remove this float on small screens is .form-horizontal .control-group > label
.
This can lead to a display error on small screens when using the class control-label
on elements different than labels:
<div class="control-group">
<p class="control-label">Text input</p>
<div class="controls">
<p class="help-inline">Inline help text with no input</p>
</div>
</div>