From 06f29ea112d1410ab987760ac4ef530e6bd78fed Mon Sep 17 00:00:00 2001 From: hennesseehosting Date: Mon, 11 Feb 2019 10:04:03 -0500 Subject: [PATCH] Added "panel-footer" to code examples (#28271) --- guide/english/bootstrap/panels/index.md | 42 ++++++++++++++++--------- 1 file changed, 28 insertions(+), 14 deletions(-) diff --git a/guide/english/bootstrap/panels/index.md b/guide/english/bootstrap/panels/index.md index 6316f97bfe..51a3e9c9a3 100644 --- a/guide/english/bootstrap/panels/index.md +++ b/guide/english/bootstrap/panels/index.md @@ -10,57 +10,71 @@ Panels were dropped in Bootstrap 4 in favor of cards, as were thumbnails and wel #### How To Use: To use Bootstrap Panels you add a `
` with a class for your type of panel (class `panel panel-default` or something similar, see the panel examples for more information.) and then two nested `
` tags, one for the heading (class `panel panel-heading`) and one for the body (class `panel panel-body`). You may find that the Code Example is easier to understand than a written explanation. +**Code Example** +```html +
+
Panel Header
+
This is a panel with the primary panel style.
+
Panel Footer
+
+``` + #### Panel Examples: This is a set of examples that shows each type of panel. The CSS Class is displayed above each example. - default ```html
-
Panel Default
-
This is a panel with the default panel style.
+
Panel Default Header
+
This is a panel with the default panel style.
+
Panel Default Footer
``` - primary ```html
-
Panel Primary
-
This is a panel with the primary panel style.
+
Panel Primary Header
+
This is a panel with the primary panel style.
+
Panel Primary Footer
``` - success ```html
-
Panel Success
-
This is a panel with the success panel style.
+
Panel Success Header
+
This is a panel with the success panel style.
+
Panel Success Footer
``` - info ```html
-
Panel Info
-
This is a panel with the info panel style.
+
Panel Info Header
+
This is a panel with the info panel style.
+
Panel Info Footer
``` - warning ```html
-
Panel Warning
-
This is a panel with the warning panel style.
+
Panel Warning Header
+
This is a panel with the warning panel style.
+
Panel Warning Footer
``` - danger ```html
-
Panel Danger
-
This is a panel with the danger panel style.
-
+
Panel Danger Header
+
This is a panel with the danger panel style.
+
Panel Danger Footer
+
``` -- For v4.0.0 components like Panels, thumbnails, and wells are dropped entirely for the new `card` component. ### More Information