From: Julien Déramond Date: Mon, 30 May 2022 05:27:48 +0000 (+0200) Subject: Docs: Use example shortcode for all Button groups (#36450) X-Git-Tag: v5.2.0~92 X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=ef3ecaf99749d4c86fe725cd49f410e344ffd96e;p=thirdparty%2Fbootstrap.git Docs: Use example shortcode for all Button groups (#36450) --- diff --git a/site/content/docs/5.2/components/button-group.md b/site/content/docs/5.2/components/button-group.md index 184ca4973a..e72855d5a9 100644 --- a/site/content/docs/5.2/components/button-group.md +++ b/site/content/docs/5.2/components/button-group.md @@ -143,31 +143,25 @@ Feel free to mix input groups with button groups in your toolbars. Similar to th Instead of applying button sizing classes to every button in a group, just add `.btn-group-*` to each `.btn-group`, including each one when nesting multiple groups. -
-
- - - -
-
-
- - - -
-
-
- - - -
+{{< example >}} +
+ + +
- -```html -
...
-
...
-
...
-``` +
+
+ + + +
+
+
+ + + +
+{{< /example >}} ## Nesting @@ -194,75 +188,69 @@ Place a `.btn-group` within another `.btn-group` when you want dropdown menus mi Make a set of buttons appear vertically stacked rather than horizontally. **Split button dropdowns are not supported here.** -
-
- - - - - - -
+{{< example >}} +
+ + + + + +
+{{< /example >}} -
-
- - -
- - -
- - -
- - -
-
- - -
-
- - -
+{{< example >}} +
+ + +
+ +
-
- -
-
- - - - - - + + +
+ + +
+
+ + +
+
+ +
+{{< /example >}} -```html -
- ... +{{< example >}} +
+ + + + + +
-``` +{{< /example >}}