Skip to content

A simple way to place the "active" class into the current nav item in Bootstrap 4 using .Net MVC

Notifications You must be signed in to change notification settings

clintmcmahon/bootstrap4-active-nav-mvc

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 

Repository files navigation

Bootstrap 4 Active Nav

Simple way to place the "active" class into the current nav item in Bootstrap 4 using .Net MVC


<nav class="navbar navbar-expand-md bg-light navbar-light">
        <div class="container">
            <div class="navbar-collapse collapse pt-2 pt-md-0" id="navbar2">
                <ul class="navbar-nav mr-auto">
                    <li class='nav-item @(Context.Request.Path == "/" ? "active" : "")'>
                        <a class="nav-link" href="/">Home</a>
                    </li>
                    <li class='nav-item @(Context.Request.Path == "/path1" ? "active" : "")'>
                        <a class="nav-link" href="/path1">Path 1</a>
                    </li>
                    <li class='nav-item @(Context.Request.Path == "/path2" ? "active" : "")'>
                        <a class="nav-link" href="/path2">Path 2</a>
                    </li>
                    <li class='nav-item @(Context.Request.Path == "/path3" ? "active" : "")'>
                        <a class="nav-link" href="/path3">Path 3</a>
                    </li>
                </ul>
            </div>
        </div>
</nav>

About

A simple way to place the "active" class into the current nav item in Bootstrap 4 using .Net MVC

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages