自定义折叠菜单 - 自定义引导程序

Question

我正在生成自定义版本的bootstrap。在哪里可以找到更改“折叠菜单”背景颜色，边框颜色和活动背景颜色的选项？

Answer 1

您可以使用媒体查询来放置以下 CSS 规则：

@media (max-width: 767px) {}

折叠背景颜色：

.navbar-collapse {
  background: red;
}

边框：

.navbar-default div.navbar-collapse {
    border-top: 1px solid yellow;
    box-shadow:none;
}

有效课程：

.navbar-default .navbar-nav > .active{
    color: #000;
    background: blue;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #000;
    background: blue;
}

请参阅 Example 。