diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2023-08-06 07:58:36 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2023-08-06 07:58:36 +0000 |
| commit | 548342184e2173d6f39aba2462196ff8b397db8f (patch) | |
| tree | 995bd2844c5f4e453bdd21d27ff0417af1c910c5 /site/content/docs/5.3/components/spinners.md | |
| parent | Adding upstream version 5.3.0+dfsg. (diff) | |
| download | bootstrap-html-548342184e2173d6f39aba2462196ff8b397db8f.tar.xz bootstrap-html-548342184e2173d6f39aba2462196ff8b397db8f.zip | |
Adding upstream version 5.3.1+dfsg.upstream/5.3.1+dfsg
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'site/content/docs/5.3/components/spinners.md')
| -rw-r--r-- | site/content/docs/5.3/components/spinners.md | 20 |
1 files changed, 10 insertions, 10 deletions
diff --git a/site/content/docs/5.3/components/spinners.md b/site/content/docs/5.3/components/spinners.md index f2635c6..977257d 100644 --- a/site/content/docs/5.3/components/spinners.md +++ b/site/content/docs/5.3/components/spinners.md @@ -96,8 +96,8 @@ Use [flexbox utilities][flex], [float utilities][float], or [text alignment][tex {{< example >}} <div class="d-flex align-items-center"> - <strong>Loading...</strong> - <div class="spinner-border ms-auto" role="status" aria-hidden="true"></div> + <strong role="status">Loading...</strong> + <div class="spinner-border ms-auto" aria-hidden="true"></div> </div> {{< /example >}} @@ -151,23 +151,23 @@ Use spinners within buttons to indicate an action is currently processing or tak {{< example >}} <button class="btn btn-primary" type="button" disabled> - <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> - <span class="visually-hidden">Loading...</span> + <span class="spinner-border spinner-border-sm" aria-hidden="true"></span> + <span class="visually-hidden" role="status">Loading...</span> </button> <button class="btn btn-primary" type="button" disabled> - <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> - Loading... + <span class="spinner-border spinner-border-sm" aria-hidden="true"></span> + <span role="status">Loading...</span> </button> {{< /example >}} {{< example >}} <button class="btn btn-primary" type="button" disabled> - <span class="spinner-grow spinner-grow-sm" role="status" aria-hidden="true"></span> - <span class="visually-hidden">Loading...</span> + <span class="spinner-grow spinner-grow-sm" aria-hidden="true"></span> + <span class="visually-hidden" role="status">Loading...</span> </button> <button class="btn btn-primary" type="button" disabled> - <span class="spinner-grow spinner-grow-sm" role="status" aria-hidden="true"></span> - Loading... + <span class="spinner-grow spinner-grow-sm" aria-hidden="true"></span> + <span role="status">Loading...</span> </button> {{< /example >}} |