<ul class="nav nav-rx nav-stacked">
    <li class="nav-item"><a href="/my"><i class="fa fa-user-circle"></i>My Details</a></li>
    <li class="nav-item active"><a href="/my/notifications"><i class="fa fa-bell"></i>Notifications</a></li>
    <li class="nav-item"><a href="/my/schedule"><i class="fa fa-hands-helping"></i>My Volunteer Schedule</a></li>
    <li class="nav-item"><a href="/my/favorites"><i class="fa fa-star"></i>My Favorites</a></li>
    <li class="nav-item"><a href="/my/events"><i class="fa fa-calendar-day"></i>My Events</a></li>
    <li class="nav-item"><a href="/my/groups"><i class="fa fa-users"></i>My Groups</a></li>
    <li class="nav-item"><a href="/logout"><i class="fa fa-sign-out-alt"></i>Log Out</a></li>
</ul>

<ul class="nav nav-rx-tabs">
            <li role="presentation" class="active"><a href="#">Home</a></li>
            <li role="presentation"><a href="#">Profile</a></li>
            <li role="presentation"><a href="#">Messages</a></li>
        </ul>

<ul class="nav nav-tabs">
            <li role="presentation" class="active"><a href="#">Home</a></li>
            <li role="presentation"><a href="#">Profile</a></li>
            <li role="presentation"><a href="#">Messages</a></li>
        </ul>

<ul class="nav nav-pills">
            <li role="presentation" class="active"><a href="#">Home</a></li>
            <li role="presentation"><a href="#">Profile</a></li>
            <li role="presentation"><a href="#">Messages</a></li>
        </ul>

<ul class="nav nav-pills nav-stacked">
            <li role="presentation" class="active"><a href="#">Home</a></li>
            <li role="presentation"><a href="#">Profile</a></li>
            <li role="presentation"><a href="#">Messages</a></li>
        </ul>

<ul class="nav nav-tabs nav-justified">
            <li role="presentation" class="active"><a href="#">Home</a></li>
            <li role="presentation"><a href="#">Profile</a></li>
            <li role="presentation"><a href="#">Messages</a></li>
        </ul>