I am trying to make parent dropdown link active when child is current page?
<div class="collapse navbar-collapse navbar-right" id="navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#section1">Section1</a></li>
<li><a href="#section2">Section2</a></li>
<li class="dropdown">Section3<b class="caret"></b>
<ul class="dropdown-menu">
<li><a href="#child1">Child1</a></li>
<li><a href="#child2">Child2</a></li>
</ul>
</li>
</ul>
</div>
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
outline: 2px solid #fff;
}