Bootstrap Active Links Problem

[bobrast]

I’m building out a Bootstrap responsive site and can’t get the sidebar nav links to highlight when the linked page is active. Dunno if I’m leaving out something, but here’s the sidebar nav code:

• O&M Seminar Overview

• Program

• Sessions

• Speakers

• Sponsorship

• Registration

• Housing

• Golf

All of the solutions I find online suggest that I have to use SASS or Less to get the active links set. I’d like to not use them. Any ideas?

Many thanks,

Bob

[Paulie_D]

Your HTML won’t help we’d need to see the CSS.

Do you have a live link?

SASS/LESS is just another way of writing CSS…not sure that will help.

However, there are a couple of ways of setting an ‘active’ class. Javascript is one, but there are others.

[Paulie_D]

Here’s something I googled…the CSS way: http://csscreator.com/topic/css-current-page-nav-link-highlight

[bobrast]

Thanks for that link, Paulie. As I read about giving the body tag a unique ID, I had one of those “duh” moments that spur the memory … appreciate it!

[Author]

Posts