rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-11-29 11:24:18 +01:00
Code Issues Actions Packages Releases Activity

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

Browse Source 
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>
This commit is contained in:
Théophile Helleboid - chtitux 2021-01-06 00:15:59 +04:00 committed by GitHub
parent dfe1b156d1
commit 265605bba0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
site/content/docs/5.0/examples/carousel-rtl/index.html
View File

@ -15,8 +15,8 @@ extra_css:
</button> </button>
<div class="collapse navbar-collapse" id="navbarCollapse"> <div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav me-auto mb-2 mb-md-0"> <ul class="navbar-nav me-auto mb-2 mb-md-0">
<li class="nav-item active"> <li class="nav-item">
<a class="nav-link" aria-current="page" href="#">الصفحة الرئيسية</a> <a class="nav-link active" aria-current="page" href="#">الصفحة الرئيسية</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="#">حلقة الوصل</a> <a class="nav-link" href="#">حلقة الوصل</a>

4
site/content/docs/5.0/examples/carousel/index.html
View File

@ -14,8 +14,8 @@ extra_css:
</button> </button>
<div class="collapse navbar-collapse" id="navbarCollapse"> <div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav me-auto mb-2 mb-md-0"> <ul class="navbar-nav me-auto mb-2 mb-md-0">
<li class="nav-item active"> <li class="nav-item">
<a class="nav-link" aria-current="page" href="#">Home</a> <a class="nav-link active" aria-current="page" href="#">Home</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="#">Link</a> <a class="nav-link" href="#">Link</a>