mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-15 10:05:40 +02:00
Code Issues Releases Wiki Activity

Enhance Alerts > Live Example section (#34769)

Browse Source
This commit is contained in:
Julien Déramond
2021-08-30 15:00:16 +02:00
committed by GitHub
parent c02805bb8c
commit a0da3a0f42
1 changed files with 2 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
site/content/docs/5.1/components/alerts.md
View File

@@ -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. 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 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> <button type="button" class="btn btn-primary" id="liveAlertBtn">Show live alert</button>
{{< /example >}}
<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>
```
We use the following JavaScript to trigger our live alert demo: We use the following JavaScript to trigger our live alert demo: