diff --git a/docs/_includes/components/input-groups.html b/docs/_includes/components/input-groups.html index 5d9a2f9c07..6453af1c30 100644 --- a/docs/_includes/components/input-groups.html +++ b/docs/_includes/components/input-groups.html @@ -1,7 +1,7 @@

Input groups

-

Extend form controls by adding text or buttons before, after, or on both sides of any text-based <input>. Use .input-group with an .input-group-addon to prepend or append elements to a single .form-control.

+

Extend form controls by adding text or buttons before, after, or on both sides of any text-based <input>. Use .input-group with an .input-group-addon or .input-group-btn to prepend or append elements to a single .form-control.

Textual <input>s only

@@ -24,7 +24,7 @@

Basic example

Place one add-on or button on either side of an input. You may also place one on both sides of an input.

-

We do not support multiple add-ons on a single side.

+

We do not support multiple add-ons (.input-group-addon or .input-group-btn) on a single side.

We do not support multiple form-controls in a single input group.

@@ -108,7 +108,6 @@
{% endhighlight %} -

Checkboxes and radio addons

Place any checkbox or radio option within an input group's addon instead of text.

@@ -152,7 +151,6 @@
{% endhighlight %} -

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.

@@ -197,7 +195,6 @@ {% endhighlight %}

Buttons with dropdowns

-

@@ -324,5 +321,45 @@
+{% endhighlight %} + +

Multiple buttons

+

While you can only have one add-on per side, you can have multiple buttons inside a single .input-group-btn.

+ +
+
+
+
+ + +
+ +
+
+
+
+ +
+ + +
+
+
+
+ +{% highlight html %} +
+
+ +
+ +
+ +
+ +
+ +
+
{% endhighlight %}
diff --git a/docs/_includes/nav/components.html b/docs/_includes/nav/components.html index 1ec91b5631..66b9ac0a01 100644 --- a/docs/_includes/nav/components.html +++ b/docs/_includes/nav/components.html @@ -45,6 +45,7 @@
  • Button addons
  • Buttons with dropdowns
  • Segmented buttons
  • +
  • Multiple buttons