diff --git a/docs/components/input-group.md b/docs/components/input-group.md index 841ebb2d5f..36c11c7d02 100644 --- a/docs/components/input-group.md +++ b/docs/components/input-group.md @@ -37,6 +37,12 @@ Place one add-on or button on either side of an input. You may also place one on .00 +
+
+ $ + 0.00 + +
{% endexample %} ## Sizing @@ -53,11 +59,6 @@ Add the relative form sizing classes to the `.input-group` itself and contents w @ -
-
- @ - -
{% endexample %} ## Checkboxes and radio addons @@ -85,6 +86,32 @@ Place any checkbox or radio option within an input group's addon instead of text {% endexample %} +## Multiple addons + +Multiple add-ons are supported and can be mixed with checkbox and radio input versions. + +{% example html %} +
+
+
+ + + + $ + +
+
+
+
+ $ + 0.00 + +
+
+
+{% endexample %} + + ## Button addons Buttons in input groups are a bit different and require one extra level of nesting. Instead of `.input-group-addon`, you'll need to use `.input-group-btn` to wrap the buttons. This is required due to default browser styles that cannot be overridden.