Link to home
Start Free TrialLog in
Avatar of RBS
RBS

asked on

Active Bootstrap Items Not Highlighted

Hi:

I've set up a Bootstrap Menu with the following code:

<div class="navbar navbar-inverse">
                <div class="navbar-inner">
                    <ul class="nav">
                        <li class="active"><a href="/Home/Index"><i class="icon-home icon-white"></i>Home</a></li>
                        <li>@Html.ActionLink("Home", "Index", "Home")</li>
                        @if (Request.IsAuthenticated)
                        {
                            <li>@Html.ActionLink("My Courses", "MyCourses", "Home")</li>
                        }
                        <li>@Html.ActionLink("FAQs", "Faqs", "Home")</li>
                    </ul>

                </div>
            </div>

Open in new window


What I'd like to do is that when a person presses on a selection other than home, that item is highlighted and home is not.

Any help in how to do this greatly appreciated.

RBS
ASKER CERTIFIED SOLUTION
Avatar of lenordiste
lenordiste
Flag of France image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of RBS
RBS

ASKER

Worked like a charm!

Thanks,
RBS