From: Théophile Helleboid - chtitux <chtitux@gmail.com>
Date: Tue, 5 Jan 2021 20:15:59 +0000 (+0400)
Subject: carousel example: Move "active" class on .nav-link element (#32647) (#32647)
X-Git-Tag: v5.0.0-beta2~119
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=265605bba04fe64525723b8e486885d1da35e1f7;p=thirdparty%2Fbootstrap.git

carousel example: Move "active" class on .nav-link element (#32647) (#32647)

The "active" CSS class must be on "nav-link" element, see `_navbar.scss`:

```css
.nav-link.active {
  color: $navbar-dark-active-color;
}
```

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
---

diff --git a/site/content/docs/5.0/examples/carousel-rtl/index.html b/site/content/docs/5.0/examples/carousel-rtl/index.html
index 7555fc7836..a446be716e 100644
--- a/site/content/docs/5.0/examples/carousel-rtl/index.html
+++ b/site/content/docs/5.0/examples/carousel-rtl/index.html
@@ -15,8 +15,8 @@ extra_css:
       </button>
       <div class="collapse navbar-collapse" id="navbarCollapse">
         <ul class="navbar-nav me-auto mb-2 mb-md-0">
-          <li class="nav-item active">
-            <a class="nav-link" aria-current="page" href="#">الصفحة الرئيسية</a>
+          <li class="nav-item">
+            <a class="nav-link active" aria-current="page" href="#">الصفحة الرئيسية</a>
           </li>
           <li class="nav-item">
             <a class="nav-link" href="#">حلقة الوصل</a>
diff --git a/site/content/docs/5.0/examples/carousel/index.html b/site/content/docs/5.0/examples/carousel/index.html
index b230392b0d..42effad08f 100644
--- a/site/content/docs/5.0/examples/carousel/index.html
+++ b/site/content/docs/5.0/examples/carousel/index.html
@@ -14,8 +14,8 @@ extra_css:
       </button>
       <div class="collapse navbar-collapse" id="navbarCollapse">
         <ul class="navbar-nav me-auto mb-2 mb-md-0">
-          <li class="nav-item active">
-            <a class="nav-link" aria-current="page" href="#">Home</a>
+          <li class="nav-item">
+            <a class="nav-link active" aria-current="page" href="#">Home</a>
           </li>
           <li class="nav-item">
             <a class="nav-link" href="#">Link</a>