diff options
| author | Mark Otto <[email protected]> | 2020-09-13 19:22:00 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2020-09-22 16:49:02 -0700 |
| commit | 67f33a06c7c0a7431981b91e27f0f58b29fd9724 (patch) | |
| tree | 854b546334403ab5da9ad679e5d27dc4490bd701 | |
| parent | 4778deac023a0e359fe5321eb431f00b5f2b8c83 (diff) | |
| download | bootstrap-67f33a06c7c0a7431981b91e27f0f58b29fd9724.tar.xz bootstrap-67f33a06c7c0a7431981b91e27f0f58b29fd9724.zip | |
Update some close button examples
| -rw-r--r-- | site/content/docs/5.0/components/alerts.md | 4 | ||||
| -rw-r--r-- | site/content/docs/5.0/components/modal.md | 6 |
2 files changed, 3 insertions, 7 deletions
diff --git a/site/content/docs/5.0/components/alerts.md b/site/content/docs/5.0/components/alerts.md index c58e93a23..79eccab88 100644 --- a/site/content/docs/5.0/components/alerts.md +++ b/site/content/docs/5.0/components/alerts.md @@ -90,9 +90,7 @@ alertList.forEach(function (alert) { Or with `data` attributes on a button **within the alert**, as demonstrated above: {{< highlight html >}} -<button type="button" class="close" data-dismiss="alert" aria-label="Close"> - <span aria-hidden="true">×</span> -</button> +<button type="button" class="btn-close" data-dismiss="alert" aria-label="Close"></button> {{< /highlight >}} Note that closing an alert will remove it from the DOM. diff --git a/site/content/docs/5.0/components/modal.md b/site/content/docs/5.0/components/modal.md index fbf36f0dd..bb00382a2 100644 --- a/site/content/docs/5.0/components/modal.md +++ b/site/content/docs/5.0/components/modal.md @@ -44,9 +44,7 @@ Below is a _static_ modal example (meaning its `position` and `display` have bee <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Modal title</h5> - <button type="button" class="close" data-dismiss="modal" aria-label="Close"> - <span aria-hidden="true">×</span> - </button> + <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <p>Modal body text goes here.</p> @@ -400,7 +398,7 @@ Utilize the Bootstrap grid system within a modal by nesting `.container-fluid` w <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="gridModalLabel">Grids in modals</h5> - <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> + <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <div class="container-fluid bd-example-row"> |