diff options
Diffstat (limited to 'site/content/docs/5.3/components/navbar.md')
| -rw-r--r-- | site/content/docs/5.3/components/navbar.md | 18 |
1 files changed, 9 insertions, 9 deletions
diff --git a/site/content/docs/5.3/components/navbar.md b/site/content/docs/5.3/components/navbar.md index 9b9f86a..ab6c230 100644 --- a/site/content/docs/5.3/components/navbar.md +++ b/site/content/docs/5.3/components/navbar.md @@ -63,7 +63,7 @@ Here's an example of all the sub-components included in a responsive light-theme </ul> </li> <li class="nav-item"> - <a class="nav-link disabled">Disabled</a> + <a class="nav-link disabled" aria-disabled="true">Disabled</a> </li> </ul> <form class="d-flex" role="search"> @@ -157,7 +157,7 @@ Please note that you should also add the `aria-current` attribute on the active <a class="nav-link" href="#">Pricing</a> </li> <li class="nav-item"> - <a class="nav-link disabled">Disabled</a> + <a class="nav-link disabled" aria-disabled="true">Disabled</a> </li> </ul> </div> @@ -179,7 +179,7 @@ And because we use classes for our navs, you can avoid the list-based approach e <a class="nav-link active" aria-current="page" href="#">Home</a> <a class="nav-link" href="#">Features</a> <a class="nav-link" href="#">Pricing</a> - <a class="nav-link disabled">Disabled</a> + <a class="nav-link disabled" aria-disabled="true">Disabled</a> </div> </div> </div> @@ -331,7 +331,7 @@ Mix and match with other components and utilities as needed. Navbar themes are easier than ever thanks to Bootstrap's combination of Sass and CSS variables. The default is our "light navbar" for use with light background colors, but you can also apply `data-bs-theme="dark"` to the `.navbar` parent for dark background colors. Then, customize with `.bg-*` and additional utilities. <div class="bd-example"> - <nav class="navbar navbar-expand-lg bg-dark border-bottom border-bottom-dark" data-bs-theme="dark"> + <nav class="navbar navbar-expand-lg bg-dark border-bottom border-body" data-bs-theme="dark"> <div class="container-fluid"> <a class="navbar-brand" href="#">Navbar</a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarColor01" aria-controls="navbarColor01" aria-expanded="false" aria-label="Toggle navigation"> @@ -420,7 +420,7 @@ Navbar themes are easier than ever thanks to Bootstrap's combination of Sass and </div> ```html -<nav class="navbar bg-dark border-bottom border-bottom-dark" data-bs-theme="dark"> +<nav class="navbar bg-dark border-bottom border-body" data-bs-theme="dark"> <!-- Navbar content --> </nav> @@ -538,7 +538,7 @@ Here's an example navbar using `.navbar-nav-scroll` with `style="--bs-scroll-hei </ul> </li> <li class="nav-item"> - <a class="nav-link disabled">Link</a> + <a class="nav-link disabled" aria-disabled="true">Link</a> </li> </ul> <form class="d-flex" role="search"> @@ -578,7 +578,7 @@ With no `.navbar-brand` shown at the smallest breakpoint: <a class="nav-link" href="#">Link</a> </li> <li class="nav-item"> - <a class="nav-link disabled">Disabled</a> + <a class="nav-link disabled" aria-disabled="true">Disabled</a> </li> </ul> <form class="d-flex" role="search"> @@ -608,7 +608,7 @@ With a brand name shown on the left and toggler on the right: <a class="nav-link" href="#">Link</a> </li> <li class="nav-item"> - <a class="nav-link disabled">Disabled</a> + <a class="nav-link disabled" aria-disabled="true">Disabled</a> </li> </ul> <form class="d-flex" role="search"> @@ -638,7 +638,7 @@ With a toggler on the left and brand name on the right: <a class="nav-link" href="#">Link</a> </li> <li class="nav-item"> - <a class="nav-link disabled">Disabled</a> + <a class="nav-link disabled" aria-disabled="true">Disabled</a> </li> </ul> <form class="d-flex" role="search"> |