root
/
bootstrap
mirror of https://github.com/twbs/bootstrap.git
1
0
Fork 0
Code Issues Actions 1 Packages Projects Releases Wiki Activity

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 <markd.otto@gmail.com>
This commit is contained in:
Ryan Mortier 2022-11-14 12:54:40 -05:00 committed by GitHub
parent 85765210cd
commit 46a7035ab2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
site/content/docs/5.2/forms/input-group.md
View File

@ -21,11 +21,14 @@ 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>
<div class="mb-3">
<label for="basic-url" class="form-label">Your vanity URL</label>
<div class="input-group mb-3">
<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">
<span class="input-group-text">$</span>