From bf92946e38608f4cac085ab4ed11f405b9205237 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Julien=20D=C3=A9ramond?= Date: Fri, 27 May 2022 21:42:22 +0200 Subject: [PATCH] Docs: Use example shortcode for all Button groups --- .../docs/5.2/components/button-group.md | 166 ++++++++---------- 1 file changed, 77 insertions(+), 89 deletions(-) diff --git a/site/content/docs/5.2/components/button-group.md b/site/content/docs/5.2/components/button-group.md index 184ca4973a3d..e72855d5a96e 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 >}}