This PR is a proposal to enhance the Alerts > Live Example section.
I think it would be maybe easier to understand with the following modifications:
- Have the
<div id="liveAlertPlaceholder"></div>
within the.bd-example
to display the alerts in the example and not outside the frame - Show in the HTML code the
#liveAlertPlaceholder
div - Remove the
.alert
div which is in fact unused
The developers could more easily copy/paste the example like this -> https://codepen.io/julien-deramond/pen/KKmjZQj
Preview: https://deploy-preview-34769--twbs-bootstrap.netlify.app/docs/5.1/components/alerts/#live-example