diff --git a/docs/4.0/components/forms.md b/docs/4.0/components/forms.md index 2bc4a91cb6..0a5756c4d6 100644 --- a/docs/4.0/components/forms.md +++ b/docs/4.0/components/forms.md @@ -115,16 +115,16 @@ Add the `readonly` boolean attribute on an input to prevent modification of the {% endexample %} -### Static +### Readonly plain text -If you want to have read-only fields in your form styled as plain text, use the `.form-control-static` class to remove the default form field styling and preserve the correct margin and padding. +If you want to have `` elements in your form styled as plain text, use the `.form-control-plaintext` class to remove the default form field styling and preserve the correct margin and padding. {% example html %}
- +
@@ -140,7 +140,7 @@ If you want to have read-only fields in your form styled as plain text, use the
- +
diff --git a/scss/_forms.scss b/scss/_forms.scss index 89766563cd..ecf0a3df17 100644 --- a/scss/_forms.scss +++ b/scss/_forms.scss @@ -122,12 +122,12 @@ select.form-control { } -// Static form control text +// Readonly controls as plain text // -// Apply class to an element to make any string of text align with labels in a -// horizontal form layout. +// Apply class to a readonly input to make it appear like regular plain +// text (without any border, background color, focus indicator) -.form-control-static { +.form-control-plaintext { padding-top: $input-btn-padding-y; padding-bottom: $input-btn-padding-y; margin-bottom: 0; // match inputs if this class comes on inputs with default margins