Topic: Highlighting active nav item
khilliard free asked 4 years ago
I've copied several demos and have been unable to highlight the nav item. I set the "active" property properly; for example:
<mdb-nav-item href="#" waves-fixed active>Home</mdb-nav-item>
Can someone please help.
mdb-nav-item component adds the "active" class to the
<a> tag, whereas it should add it to the parent
<li> like Bootstrap does.
I made a pen with the current CDN version: https://codepen.io/migli/pen/ZEWGPBX
In the source component
active class is added with
anchorClassName(), it should be added with
Please download our demo app and launch it by typing 'npm install' and then 'npm run demo'. In this app You will find the working navbar example:
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
- User: Free
- Premium support: No
- Technology: MDB Vue
- MDB Version: 4.8.2
- Device: pc desktop
- Browser: chrome, edge
- OS: windows 10
- Provided sample code: No
- Provided link: No