From b424626e97eea74166e9dd8ebc2be1573a0c3c94 Mon Sep 17 00:00:00 2001 From: Andrew Smith <andrew@intellihr.com.au> Date: Tue, 25 Aug 2015 17:12:18 +1000 Subject: [PATCH] Update all usages of 'control-label' with 'form-control-label' in docs --- docs/components/forms.md | 8 ++++---- docs/components/modal.md | 4 ++-- scss/_forms.scss | 2 +- scss/mixins/_forms.scss | 2 +- 4 files changed, 8 insertions(+), 8 deletions(-) diff --git a/docs/components/forms.md b/docs/components/forms.md index 94588c79fd..7f5d1496cf 100644 --- a/docs/components/forms.md +++ b/docs/components/forms.md @@ -535,7 +535,7 @@ Block help text—for below inputs or for longer lines of help text—can be eas ## Validation -Bootstrap includes validation styles for error, warning, and success states on form controls. To use, add `.has-warning`, `.has-error`, or `.has-success` to the parent element. Any `.control-label`, `.form-control`, and `.text-help` within that element will receive the validation styles. +Bootstrap includes validation styles for error, warning, and success states on form controls. To use, add `.has-warning`, `.has-error`, or `.has-success` to the parent element. Any `.form-control-label`, `.form-control`, and `.text-help` within that element will receive the validation styles. {% comment %} {% callout warning %} @@ -549,15 +549,15 @@ Ensure that an alternative indication of state is also provided. For instance, y {% example html %} <div class="form-group has-success"> - <label class="control-label" for="inputSuccess1">Input with success</label> + <label class="form-control-label" for="inputSuccess1">Input with success</label> <input type="text" class="form-control form-control-success" id="inputSuccess1"> </div> <div class="form-group has-warning"> - <label class="control-label" for="inputWarning1">Input with warning</label> + <label class="form-control-label" for="inputWarning1">Input with warning</label> <input type="text" class="form-control form-control-warning" id="inputWarning1"> </div> <div class="form-group has-error"> - <label class="control-label" for="inputError1">Input with error</label> + <label class="form-control-label" for="inputError1">Input with error</label> <input type="text" class="form-control form-control-error" id="inputError1"> </div> diff --git a/docs/components/modal.md b/docs/components/modal.md index c4869255b2..6bda50798d 100644 --- a/docs/components/modal.md +++ b/docs/components/modal.md @@ -336,11 +336,11 @@ Have a bunch of buttons that all trigger the same modal, just with slightly diff <div class="modal-body"> <form> <div class="form-group"> - <label for="recipient-name" class="control-label">Recipient:</label> + <label for="recipient-name" class="form-control-label">Recipient:</label> <input type="text" class="form-control" id="recipient-name"> </div> <div class="form-group"> - <label for="message-text" class="control-label">Message:</label> + <label for="message-text" class="form-control-label">Message:</label> <textarea class="form-control" id="message-text"></textarea> </div> </form> diff --git a/scss/_forms.scss b/scss/_forms.scss index af25fcb35f..18b7c5242d 100644 --- a/scss/_forms.scss +++ b/scss/_forms.scss @@ -425,7 +425,7 @@ input[type="checkbox"] { width: 100%; } - .control-label { + .form-control-label { margin-bottom: 0; vertical-align: middle; } diff --git a/scss/mixins/_forms.scss b/scss/mixins/_forms.scss index c9f3ef1a56..8a59e04f62 100644 --- a/scss/mixins/_forms.scss +++ b/scss/mixins/_forms.scss @@ -6,7 +6,7 @@ @mixin form-control-validation($color) { // Color the label and help text .help-block, - .control-label, + .form-control-label, .radio, .checkbox, .radio-inline, -- GitLab