menu - Issue with Bootstrap 3 media mobile display of navbar -
i'm trying figure out why changes padding , margin properties of various navbar assets failing allow menu resize on mobile.
jsfiddle @ https://jsfiddle.net/phobrla/b9zpbejg/
<html> <nav class="navbar navbar-inverse"> <div class="container-fluid"> <!-- brand , toggle grouped better mobile display --> <div class="navbar-header"> <!-- collect nav links, forms, , other content toggling --> <ul class="nav navbar-nav"> <li><a href="#">the burkean<br/>pentad</a></li> <li class="active"><a href="#">intro <span class="sr-only">(current)</span></a> </li> <li><a href="#">act</a></li> <li><a href="#">scene</a></li> <li><a href="#">agent</a></li> <li><a href="#">agency</a></li> <li><a href="#">purpose</a></li> <li><a href="#">quiz</a></li> </ul> </div> <!-- /.navbar-collapse --> </div> <!-- /.container-fluid --> </nav> </html>
chande .navbar-inverse .navbar-default
regards!
.navbar-outer .navbar-default{ background:red; } <div class="navbar-outer"> <nav class="navbar navbar-default">
Comments
Post a Comment