Skip to content
GitLab

Update CSS selector to remove horizontal labels

Closed Administrator requested to merge github/fork/rafeca/remove-horizontal-form-styles into 2.1.1-wip

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>