mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-19 03:41:19 +02:00
Code Issues Releases Wiki Activity

Update input-group.md with form text example (#37406)

Browse Source 
* 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
1 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -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> <span class="input-group-text" id="basic-addon2">@example.com</span>
</div> </div>
<label for="basic-url" class="form-label">Your vanity URL</label> <div class="mb-3">
<div class="input-group mb-3"> <label for="basic-url" class="form-label">Your vanity URL</label>
<span class="input-group-text" id="basic-addon3">https://example.com/users/</span> <div class="input-group">
<input type="text" class="form-control" id="basic-url" aria-describedby="basic-addon3"> <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>
<div class="input-group mb-3"> <div class="input-group mb-3">