diff options
| author | Mark Otto <[email protected]> | 2016-10-09 16:16:13 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2016-10-09 16:16:13 -0700 |
| commit | 55e130f88f8372bd70cfb60ae360376c98ff6b97 (patch) | |
| tree | e742977d7fecd0c498089f929f28578fd5069e84 /docs/components/forms.md | |
| parent | cab2d5951d311640e64990a694dc61876389b6fd (diff) | |
| download | bootstrap-55e130f88f8372bd70cfb60ae360376c98ff6b97.tar.xz bootstrap-55e130f88f8372bd70cfb60ae360376c98ff6b97.zip | |
Update static form control
- Remove margin-bottom override in favor of .mb-0 utility class
- Apply the input line-height styles to match
- Remove the min-height to match the input
Diffstat (limited to 'docs/components/forms.md')
| -rw-r--r-- | docs/components/forms.md | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/docs/components/forms.md b/docs/components/forms.md index c7da5c0fd..a2d59d920 100644 --- a/docs/components/forms.md +++ b/docs/components/forms.md @@ -516,14 +516,14 @@ Should you have no text within the `<label>`, the input is positioned as you'd e ## Static controls -When you need to place plain text next to a form label within a form, use the `.form-control-static` class on a `<p>`. +When you need to place plain text next to a form label within a form, use the `.form-control-static` class on an element of your choice. Using an element like `<p>` with a default margin? Be sure to use a margin override (as shown below). {% example html %} <form> <div class="form-group row"> <label class="col-sm-2 col-form-label">Email</label> <div class="col-sm-10"> - <p class="form-control-static">[email protected]</p> + <p class="form-control-static mb-0">[email protected]</p> </div> </div> <div class="form-group row"> |
