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

Update some close button examples

Browse Source
This commit is contained in:
Mark Otto
2020-09-13 19:22:00 -07:00
committed by Mark Otto
parent 4778deac02
commit 67f33a06c7
2 changed files with 3 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
site/content/docs/5.0/components/alerts.md
View File

@@ -90,9 +90,7 @@ alertList.forEach(function (alert) {
Or with `data` attributes on a button **within the alert**, as demonstrated above: Or with `data` attributes on a button **within the alert**, as demonstrated above:
{{< highlight html >}} {{< highlight html >}}
<button type="button" class="close" data-dismiss="alert" aria-label="Close"> <button type="button" class="btn-close" data-dismiss="alert" aria-label="Close"></button>
<span aria-hidden="true">&times;</span>
</button>
{{< /highlight >}} {{< /highlight >}}
Note that closing an alert will remove it from the DOM. Note that closing an alert will remove it from the DOM.

6
site/content/docs/5.0/components/modal.md
View File

@@ -44,9 +44,7 @@ Below is a _static_ modal example (meaning its `position` and `display` have bee
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<h5 class="modal-title">Modal title</h5> <h5 class="modal-title">Modal title</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
<span aria-hidden="true">&times;</span>
</button>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p>Modal body text goes here.</p> <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-content">
<div class="modal-header"> <div class="modal-header">
<h5 class="modal-title" id="gridModalLabel">Grids in modals</h5> <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">&times;</span></button> <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<div class="container-fluid bd-example-row"> <div class="container-fluid bd-example-row">