diff --git a/site/docs/4.1/components/input-group.md b/site/docs/4.1/components/input-group.md index 0e639acd6e..cdbfa794a6 100644 --- a/site/docs/4.1/components/input-group.md +++ b/site/docs/4.1/components/input-group.md @@ -52,6 +52,20 @@ Place one add-on or button on either side of an input. You may also place one on {% endcapture %} {% include example.html content=example %} +## Wrapping + +Input groups wrap by default via `flex-wrap: wrap` in order to accommodate custom form field validation within an input group. You may disable this with `.flex-nowrap`. + +{% capture example %} +
+
+ @ +
+ +
+{% endcapture %} +{% include example.html content=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.