Css 引导3-导航栏可折叠到990px

我有这个问题。Bootstrap3框架将我的导航栏更改为可折叠版本（移动版），当它达到767px屏幕宽度时。我想改变它，移动版本存在到991px。我见过一个类似的问题，但正确的答案对我来说是无法使用的。它说，它可以在下载自定义版本的引导时进行设置，为可折叠的导航栏输入所需的值。问题是，我将它与Drupal 7一起使用，引导版本是自动提供的，形成以下url:netdna.bootstrapcdn.com/Bootstrap/3.0.0/css/Bootstrap.css

所以我必须在我的自定义css文件中重写这个值，但我知道应该更改什么-我相信有很多类需要更改。顺便说一下，这可能很重要，我不会使用更少的版本

问候,，

---

大卫

你可以这样覆盖它

@media (max-width: 990px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

---

演示：

您可以像这样覆盖它

@media (max-width: 990px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

---

演示：

通过使用自定义引导下载，只需包含导航栏样式即可。和包含在css文件中以覆盖Bootstrap.css，并确保在调用Bootstrap之前包含。并将@media查询从767更改为991px。只需通过使用自定义引导下载仅包含导航栏样式即可。和包含在css文件中以覆盖Bootstrap.css，并确保在调用Bootstrap之前包含。并将@media查询从767更改为991px。谢谢！我很高兴你给了我密码。我已经下载了Bootstrap的自定义版本，并复制了一些媒体查询，非常感谢！我很高兴你给了我密码。我已经下载了自定义版本的引导并复制了所有媒体查询