johndavemanuel / bootstrap-gulp-starter-template

Bootstrap 4 + Gulp 4 + Panini for improve front-end development workflow
https://johndavemanuel.github.io/bootstrap-gulp-starter-template
MIT License
75 stars 25 forks source link

how to build the project where the pages is active individually #89

Open edwinencomienda opened 3 years ago

edwinencomienda commented 3 years ago

so like dashboard.html - sidebar is active for dashboard settings.html - sidebar is active for settings

johndavemanuel commented 3 years ago

@edwinencomienda

What do you mean by active?

edwinencomienda commented 3 years ago

active means in the sidebar menu like dashboard - active state would be color red and underlined settings users

johndavemanuel commented 3 years ago

let me run some demo so I can see the issue

edwinencomienda commented 3 years ago

actually this is not an issue just want to ask how can you implement this way?

johndavemanuel commented 3 years ago

ahh yes, not an actual issue.

it can be implemented in many ways but you can try this approach

https://css-tricks.com/snippets/jquery/add-active-navigation-class-based-on-url/

using JS