Another Bootstrap Issue

<div class="row">
           
    <nav class="navbar navbar-expand-lg navbar-light bg-dark text-light w-100">
                <button class="navbar-toggler pull-xs-right hidden-md-up text-light" type="button" data-toggle="collapse" data-target="#navbarNav">☰</button>
                <div class="collapse navbar-collapse" id="navbarNav">
                    <ul class="nav navbar-nav">
                        <li class="nav-item px-4"><a href="series_results.asp?series_id=37">Individual</a></li>
                        <li class="nav-item px-4"><a href="race-by-race.asp?series_id=37">Race-by-Race</a></li>
                        <li class="nav-item px-4"><a href="team_stdgs.asp?series_id=37">Team</a></li>
                        <li class="nav-item px-4"><a href="javascript:window.print();">Print</a></li>
                        <li class="nav-item px-4"><a href="how_it_works.asp?series_id=37">About</a></li>
                    </ul>
                </div>
            </nav>


        </div>

Select allOpen in new window