diff options
| author | Julien Déramond <[email protected]> | 2021-08-30 15:00:16 +0200 |
|---|---|---|
| committer | GitHub <[email protected]> | 2021-08-30 16:00:16 +0300 |
| commit | a0da3a0f428c7ccfde33e9a5c2942ddca2ab68d4 (patch) | |
| tree | 37030dee6e07e05fe32945753ab64eaac2cc31f3 | |
| parent | c02805bb8c9f5467a5d3fdb93edb5049272eb0a7 (diff) | |
| download | bootstrap-a0da3a0f428c7ccfde33e9a5c2942ddca2ab68d4.tar.xz bootstrap-a0da3a0f428c7ccfde33e9a5c2942ddca2ab68d4.zip | |
Enhance Alerts > Live Example section (#34769)
| -rw-r--r-- | site/content/docs/5.1/components/alerts.md | 14 |
1 files changed, 2 insertions, 12 deletions
diff --git a/site/content/docs/5.1/components/alerts.md b/site/content/docs/5.1/components/alerts.md index 1df07983e..0d009d0a0 100644 --- a/site/content/docs/5.1/components/alerts.md +++ b/site/content/docs/5.1/components/alerts.md @@ -27,20 +27,10 @@ Alerts are available for any length of text, as well as an optional close button Click the button below to show an alert (hidden with inline styles to start), then dismiss (and destroy) it with the built-in close button. +{{< example >}} <div id="liveAlertPlaceholder"></div> - -<div class="bd-example"> - <button type="button" class="btn btn-primary" id="liveAlertBtn">Show live alert</button> -</div> - -```html <button type="button" class="btn btn-primary" id="liveAlertBtn">Show live alert</button> - -<div class="alert alert-primary alert-dismissible" role="alert" id="liveAlert"> - <strong>Nice!</strong> You've triggered this alert. - <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button> -</div> -``` +{{< /example >}} We use the following JavaScript to trigger our live alert demo: |