diff options
Diffstat (limited to '')
-rw-r--r-- | site/content/docs/5.3/forms/input-group.md (renamed from site/content/docs/5.2/forms/input-group.md) | 15 |
1 files changed, 9 insertions, 6 deletions
diff --git a/site/content/docs/5.2/forms/input-group.md b/site/content/docs/5.3/forms/input-group.md index 00e9eee..d984a48 100644 --- a/site/content/docs/5.2/forms/input-group.md +++ b/site/content/docs/5.3/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 basic-addon4"> + </div> + <div class="form-text" id="basic-addon4">Example help text goes outside the input group.</div> </div> <div class="input-group mb-3"> @@ -309,8 +312,8 @@ Input groups include support for custom selects and custom file inputs. Browser </div> {{< /example >}} -## Sass +## CSS -### Variables +### Sass variables {{< scss-docs name="input-group-variables" file="scss/_variables.scss" >}} |