I am currently facing an issue with my bootstrap navigation related to the border-bottom: **attribute** when it comes to a secondary ul in a drop-down menu.
My goal is to apply
border-bottom: medium black solidHere is a basic outline of the structure:
<ul class="nav navbar-nav navbar-right">
<li class="active">
<a href="#">
<span class="glyphicon glyphicon-home" aria-hidden="true"></span><span class="sr-only">(current)</span></a>
</li>
<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Pages<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Primary</a>
</li>
<li><a href="#">Secondary</a>
</li>
<li><a href="#">Link</a>
</li>
<li class="divider"></li>
<li><a href="#">Link</a>
</li>
<li><a href="#">Link</a>
</li>
</ul>
https://jsfiddle.net/meh/r6byr9td/
To see the expanded navigation, move the JavaScript section to the left or view in full screen.