From: Florian Lacreuse Date: Thu, 7 Jan 2021 07:24:57 +0000 (+0100) Subject: Fix navbar docs - active nav-link (#32589) X-Git-Tag: v5.0.0-beta2~114 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=e635a495362f440343aa9dbe346e1033337d035a;p=thirdparty%2Fbootstrap.git Fix navbar docs - active nav-link (#32589) * Fix navbar docs - active nav-link * Update navbar.md Co-authored-by: XhmikosR --- diff --git a/site/content/docs/5.0/components/navbar.md b/site/content/docs/5.0/components/navbar.md index 87d2a653a9..e59c7c25b9 100644 --- a/site/content/docs/5.0/components/navbar.md +++ b/site/content/docs/5.0/components/navbar.md @@ -124,9 +124,9 @@ Adding images to the `.navbar-brand` will likely always require custom styles or Navbar navigation links build on our `.nav` options with their own modifier class and require the use of [toggler classes](#toggler) for proper responsive styling. **Navigation in navbars will also grow to occupy as much horizontal space as possible** to keep your navbar contents securely aligned. -Active states—with `.active`—to indicate the current page can be applied directly to `.nav-link`s or their immediate parent `.nav-item`s. +Add the `.active` class on `.nav-link` to indicate the current page. -Please note that you should also add the `aria-current` attribute on the `.nav-link` itself. +Please note that you should also add the `aria-current` attribute on the active `.nav-link`. {{< example >}}