github/bootstrap
1
1
Fork 0
mirror of https://github.com/jasny/bootstrap.git synced 2026-04-24 03:00:49 -04:00
Code Issues Packages Projects Releases Wiki Activity

Simplify form validation states while enabling them to be applied to one field at a time.

Browse Source
This commit is contained in:
Mark Otto
2012-12-26 15:57:52 -06:00
parent d0baa99aed
commit dc5c6d6be8
5 changed files with 64 additions and 138 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
less/forms.less
View File

@@ -342,15 +342,15 @@ input[type="checkbox"] {
// --------------------------
// Warning
.control-group.warning {
.has-warning {
.formFieldState(@state-warning-text, @state-warning-text, @state-warning-background);
}
// Error
.control-group.error {
.has-error {
.formFieldState(@state-error-text, @state-error-text, @state-error-background);
}
// Success
.control-group.success {
.has-success {
.formFieldState(@state-success-text, @state-success-text, @state-success-background);
}
@@ -523,15 +523,23 @@ select:focus:invalid {
// Increase spacing between groups
.control-group {
margin-bottom: @line-height-base / 2;
position: relative;
margin-bottom: @line-height-base;
.clearfix();
input,
select,
textarea,
.uneditable-input {
margin-bottom: 0;
}
}
// Float the labels left
.control-group > .control-label {
float: left;
width: @component-offset-horizontal - 20;
padding-top: 5px;
padding-top: 6px;
text-align: right;
}