diff --git a/site/content/docs/5.3/components/list-group.md b/site/content/docs/5.3/components/list-group.md index 7f7e1457c0ee..1727fb9f024e 100644 --- a/site/content/docs/5.3/components/list-group.md +++ b/site/content/docs/5.3/components/list-group.md @@ -333,6 +333,43 @@ Loop that generates the modifier classes with an overriding of CSS variables. Use the tab JavaScript plugin—include it individually or through the compiled `bootstrap.js` file—to extend our list group to create tabbable panes of local content. +{{< example >}} +
+
+ +
+
+
+
+ {{ skip ... }} +

Some placeholder content in a paragraph relating to "Home". And some more content, used here just to pad out and fill this tab panel. In production, you would obviously have more real content here. And not just text. It could be anything, really. Text, images, forms.

+ {{ /skip }} +
+
+ {{ skip

Lorem Ipsum

}} +

Some placeholder content in a paragraph relating to "Profile". And some more content, used here just to pad out and fill this tab panel. In production, you would obviously have more real content here. And not just text. It could be anything, really. Text, images, forms.

+ {{ /skip }} +
+
+ {{ skip }} +

Some placeholder content in a paragraph relating to "Messages". And some more content, used here just to pad out and fill this tab panel. In production, you would obviously have more real content here. And not just text. It could be anything, really. Text, images, forms.

+ {{ /skip }} +
+
+ {{ skip ... }} +

Some placeholder content in a paragraph relating to "Settings". And some more content, used here just to pad out and fill this tab panel. In production, you would obviously have more real content here. And not just text. It could be anything, really. Text, images, forms.

+ {{ /skip }} +
+
+
+
+{{< /example >}} +
diff --git a/site/layouts/shortcodes/example.html b/site/layouts/shortcodes/example.html index 5b398e6814fc..235c1c1d8331 100644 --- a/site/layouts/shortcodes/example.html +++ b/site/layouts/shortcodes/example.html @@ -22,28 +22,29 @@
{{- if eq $show_preview true }} - {{ $content }} + {{ replaceRE `(?U){{.*skip.*}}` "" $content | safeHTML }}
{{- end }} - {{- if eq $show_markup true -}} - {{- if eq $show_preview true -}} -
- {{ $lang }} -
- - -
-
- {{- end -}} +
+ {{ $lang }} +
+ {{- if eq $show_preview true -}} + + {{- end -}} + +
+
+ {{- if eq $show_markup true -}} {{- $content = replaceRE `` `...` $content -}} {{- $content = replaceRE `` `...` $content -}} {{- $content = replaceRE ` (class=" *?")` "" $content -}} + {{- $content = replaceRE `(?U)[\s]+{{\s*skip\s+([^\s].*)?\s*}}[\s\S]*{{.*skip.*}}[\s]*<` "$1<" $content -}} {{- highlight (trim $content "\n") $lang "" -}} {{- end }}