0

Я пытаюсь понять, почему мои изменения свойств дополнений и полей различных ресурсов навигатора не позволяют правильному изменению меню на мобильном устройстве.Проблема с Bootstrap 3 media mobile display of navbar

JsFiddle находится в https://jsfiddle.net/phobrla/b9zpbejg/

Screenshot


<html> 
<nav class="navbar navbar-inverse"> 
    <div class="container-fluid"> 
    <!-- Brand and toggle get grouped for better mobile display --> 
    <div class="navbar-header">  

    <!-- Collect the nav links, forms, and other content for 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> 

ответ

0

Чанда .navbar-инверсный по .navbar-умолчанию

С уважением!

JSFIDDLE

.navbar-outer .navbar-default{ 
    background:red; 
} 

<div class="navbar-outer"> 
<nav class="navbar navbar-default">