Grow your CSS skills. Land your dream job.

Bootstrap Active Links Problem

  • # March 13, 2013 at 9:19 am

    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:

    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

    # March 13, 2013 at 9:24 am

    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.

    # March 13, 2013 at 11:06 am

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

    # March 14, 2013 at 5:03 pm

    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!

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".