Twitter bootstrap 引导3.0@NavBarCollapsewith

导航栏折叠最小宽度：767px

我希望navbar折叠在

最大宽度：991px

，在自定义页面中我找不到

@NavBarCollapsewith

这是Bootstrap3.0，我的导航对767来说太大了，我想让它早点崩溃

从下载最新版本

此zip包含打开的文件较少/variables.Less

此文件包含以下行：

// Point at which the navbar stops collapsing
@grid-float-breakpoint:     @screen-tablet;

将此更改为：

// Point at which the navbar stops collapsing
@grid-float-breakpoint:     992px;

重新编译css文件（

>lessc-less/bootstrap.less

）文件或重建引导（

grunt-dist

）

从下载最新版本

此zip包含打开的文件较少/variables.Less

此文件包含以下行：

// Point at which the navbar stops collapsing
@grid-float-breakpoint:     @screen-tablet;

将此更改为：

// Point at which the navbar stops collapsing
@grid-float-breakpoint:     992px;

重新编译css文件（

>lessc-less/bootstrap.less

）文件或重建引导（

grunt-dist

）

---

对于

@screen tablet

和放置到

@grid float breakpoint

（本例中为992）之间的大小，折叠模式下的DrowDowns仍然存在问题

我认为有一个错误，下拉媒体查询没有使用

@grid float breakpoint

，而是在nabar.less文件中引用

@screen xs max

若你们也覆盖了它，你们会得到正确的下拉列表和折叠点

而不是

.navbar-nav {
    @media (max-width: @screen-xs-max) {
        // Dropdowns get custom display when collapsed
    .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;

        > li > a,
        .dropdown-header {
            padding: 5px 15px 5px 25px;
        }

        > li > a {
            line-height: @line-height-computed;

            &:hover,
            &:focus {
                background-image: none;
            }
        }
    }
}
}

使用

---

对于

@screen tablet

和放置到

@grid float breakpoint

（本例中为992）之间的大小，折叠模式下的DrowDowns仍然存在问题

我认为有一个错误，下拉媒体查询没有使用

@grid float breakpoint

，而是在nabar.less文件中引用

@screen xs max

若你们也覆盖了它，你们会得到正确的下拉列表和折叠点

而不是

.navbar-nav {
    @media (max-width: @screen-xs-max) {
        // Dropdowns get custom display when collapsed
    .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;

        > li > a,
        .dropdown-header {
            padding: 5px 15px 5px 25px;
        }

        > li > a {
            line-height: @line-height-computed;

            &:hover,
            &:focus {
                background-image: none;
            }
        }
    }
}
}

使用