Question

我正在使用Bootstrap中的导航栏，希望它比标准版小一点。

我不知道我是怎么做到的，但是当屏幕尺寸下降到足以让切换菜单按钮出现时，背景是白色/透明而不是首选的黑色反色。

如果你有更好的方法让导航栏更小，我愿意接受建议。

以下是完整代码的链接，但此处还包含CSS：http://codepen.io/anon/pen/Qbgdbo

.navbar {
  height:32px !important; 
  min-height:32px !important; 
  margin:0px !important;
}
.navbar-brand {
  padding-top:0px !important; 
  padding-bottom:0px !important;
 }
.navbar-nav > li > a {
  padding-top:7px !important; 
  padding-bottom:7px !important;
}
.navbar-header{
  height:32px !important; 
  min-height:32px !important; 
  margin:0px !important;
}
.navbar-nav {
  display: inline-block; 
  float: none;
}
.navbar-collapse {
  text-align: center;
}
.navbar-toggle{
  margin:3px;
}
.socialIcons {
  max-width:40px;
}

Answer 1

Trevor ，如果您将navbar-inverse类添加到代码的此区域，它将按您的意愿运行。

<div class="collapse navbar-inverse navbar-collapse">
    <ul class="nav navbar-nav">
        <li><a>About Us</a></li>
        <li><a>Join Us</a></li>
        <li><a>Our Mission</a></li>
        <li><a>KickStarter</a></li>
    </ul>

下拉时，Bootstrap导航栏折叠为白色/透明

1 个答案: