diff --git a/site/content/docs/5.2/examples/badges/index.html b/site/content/docs/5.2/examples/badges/index.html new file mode 100644 index 000000000000..62c65cb6f508 --- /dev/null +++ b/site/content/docs/5.2/examples/badges/index.html @@ -0,0 +1,158 @@ +--- +layout: examples +title: Badges +extra_css: + - "badges.css" +body_class: "" +--- + + + + + + + + + +
+ Primary + Secondary + Success + Danger + Warning + Info + Light + Dark +
+ +
+ +
+ Primary + Secondary + Success + Danger + Warning + Info + Light + Dark +
+ +
+ +
+ Primary + Secondary + Success + Danger + Warning + Info + Light + Dark +
+ +
+ +
+ + Primary + + + Secondary + + + Success + + + Danger + + + Warning + + + Info + + + Light + + + Dark + +
+ +
+ +
+ + Primary + + + + Primary + + + + Primary + + +
+ +
+ +
+ + + Primary + + + + + + Secondary + + + + + + Success + + + + + + Danger + + + + + + Warning + + + + + + Info + + + + + + Light + + + + + + Dark + + + +
diff --git a/site/content/docs/5.2/examples/breadcrumbs/index.html b/site/content/docs/5.2/examples/breadcrumbs/index.html new file mode 100644 index 000000000000..03a9ce04fab2 --- /dev/null +++ b/site/content/docs/5.2/examples/breadcrumbs/index.html @@ -0,0 +1,160 @@ +--- +layout: examples +title: Breadcrumbs +extra_css: + - "breadcrumbs.css" +body_class: "" +--- + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ +
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+ +
diff --git a/site/content/docs/5.2/examples/buttons/index.html b/site/content/docs/5.2/examples/buttons/index.html new file mode 100644 index 000000000000..583cd6726586 --- /dev/null +++ b/site/content/docs/5.2/examples/buttons/index.html @@ -0,0 +1,100 @@ +--- +layout: examples +title: Buttons +extra_css: + - "buttons.css" +body_class: "" +--- + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + + +
+ +
+ +
+
+ + +
+
+ +
+ +
+ + +
+ +
+ +
+ + +
+ +
+ +
+ + +
+ +
+ + +
+ +
diff --git a/site/content/docs/5.2/examples/jumbotrons/index.html b/site/content/docs/5.2/examples/jumbotrons/index.html new file mode 100644 index 000000000000..688a2ba435ce --- /dev/null +++ b/site/content/docs/5.2/examples/jumbotrons/index.html @@ -0,0 +1,89 @@ +--- +layout: examples +title: Jumbotrons +extra_css: + - "jumbotrons.css" +body_class: "" +--- + + + + Bootstrap + + + + + + + + + + + + + + + + +
+
+ +

Jumbotron with icon

+

+ This is a custom jumbotron featuring an SVG image at the top, some longer text that wraps early thanks to a responsive .col-* class, and a customized call to action. +

+
+ + +
+
+
+ +
+ +
+
+ + +

Placeholder jumbotron

+

+ This faded back jumbotron is useful for placeholder content. It's also a great way to add a bit of context to a page or section when no content is available and to encourage visitors to take a specific action. +

+ +
+
+ +
+ +
+
+
+

Full-width jumbotron

+

+ This takes the basic jumbotron above and makes its background edge-to-edge with a .container inside to align content. Similar to above, it's been recreated with built-in grid and utility classes. +

+
+
+
+ +
+ +
+
+

Basic jumbotron

+

+ This is a simple Bootstrap jumbotron that sits within a .container, recreated with built-in utility classes. +

+
+
+ +