diff options
| author | Ryan Mortier <[email protected]> | 2022-11-14 12:54:40 -0500 |
|---|---|---|
| committer | GitHub <[email protected]> | 2022-11-14 09:54:40 -0800 |
| commit | 46a7035ab2869789fcb737093f29a7b6403b213b (patch) | |
| tree | 8a16e649471814c812fceb3c1b99258ae61c9e30 | |
| parent | 85765210cd2ca0f27303460b7837aca69228d2e3 (diff) | |
| download | bootstrap-46a7035ab2869789fcb737093f29a7b6403b213b.tar.xz bootstrap-46a7035ab2869789fcb737093f29a7b6403b213b.zip | |
Update input-group.md with form text example (#37406)
* Update input-group.md with form text example
This updated example shows where to correctly put form text (i.e. not inside the input group).
* Fix markup
* Update input-group.md
Co-authored-by: Mark Otto <[email protected]>
| -rw-r--r-- | site/content/docs/5.2/forms/input-group.md | 11 |
1 files changed, 7 insertions, 4 deletions
diff --git a/site/content/docs/5.2/forms/input-group.md b/site/content/docs/5.2/forms/input-group.md index 00e9eeec9..01be5cffe 100644 --- a/site/content/docs/5.2/forms/input-group.md +++ b/site/content/docs/5.2/forms/input-group.md @@ -21,10 +21,13 @@ Place one add-on or button on either side of an input. You may also place one on <span class="input-group-text" id="basic-addon2">@example.com</span> </div> -<label for="basic-url" class="form-label">Your vanity URL</label> -<div class="input-group mb-3"> - <span class="input-group-text" id="basic-addon3">https://example.com/users/</span> - <input type="text" class="form-control" id="basic-url" aria-describedby="basic-addon3"> +<div class="mb-3"> + <label for="basic-url" class="form-label">Your vanity URL</label> + <div class="input-group"> + <span class="input-group-text" id="basic-addon3">https://example.com/users/</span> + <input type="text" class="form-control" id="basic-url" aria-describedby="basic-addon3"> + </div> + <div class="form-text">Example help text goes outside the input group.</div> </div> <div class="input-group mb-3"> |