rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-03-13 13:29:25 +01:00
Code Issues Actions Packages Releases Activity

Merge 09860f631cb4708dace272e44a7d1667a9ed3648 into 90acd33350e1356194a364595cb07b65f24bd611

Browse Source
This commit is contained in:
Tommaso Allegretti 2025-02-26 16:19:19 -08:00 committed by GitHub
commit 50ef09f000
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 12 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
site/content/docs/5.3/forms/input-group.md
View File

@ -59,6 +59,18 @@ Input groups wrap by default via `flex-wrap: wrap` in order to accommodate custo
</div>
{{< /example >}}
## Border radius
The `border-radius` is only applied to the first and last children of the element with the `.input-group` class. Any non-visible element in one of those positions will cause the `border-radius` to appear with no style.
{{< example >}}
<div class="input-group">
<span class="input-group-text" id="visible-addon">@</span>
<input type="text" class="form-control" placeholder="Username" aria-label="Username" aria-describedby="visible-addon">
<input style="display: none;" type="text" class="form-control" placeholder="Hidden Input" aria-label="HiddenInput" aria-describedby="visible-addon">
</div>
{{< /example >}}
## Sizing
Add the relative form sizing classes to the `.input-group` itself and contents within will automatically resize—no need for repeating the form control size classes on each element.