Twitter bootstrap 3 导航栏的Bootstrap 3媒体移动显示屏出现问题_Twitter Bootstrap 3_Menu_Responsive Design_Padding_Fluid Layout

Twitter bootstrap 3 导航栏的Bootstrap 3媒体移动显示屏出现问题

twitter-bootstrap-3 menu responsive-design

Twitter bootstrap 3 导航栏的Bootstrap 3媒体移动显示屏出现问题,twitter-bootstrap-3,menu,responsive-design,padding,fluid-layout,Twitter Bootstrap 3,Menu,Responsive Design,Padding,Fluid Layout,我试图弄清楚为什么我对各种导航栏资源的填充和边距属性所做的更改无法使菜单在移动设备上正确调整大小 JsFiddle在 Chande.navbar按.navbar默认值反转问候 .navbar外部.navbar默认值{ 背景：红色； } <html> <nav class="navbar navbar-inverse"> <div class="container-fluid"> <!-- Brand and

我试图弄清楚为什么我对各种导航栏资源的填充和边距属性所做的更改无法使菜单在移动设备上正确调整大小

JsFiddle在

Chande.navbar按.navbar默认值反转

问候

.navbar外部.navbar默认值{
背景：红色；
}

<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>

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

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