css 对于Bootstrap移动导航,将断点从xs更改为sm

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 对于Bootstrap移动导航,将断点从xs更改为sm相关的知识,希望对你有一定的参考价值。

@media (max-width: 991px) { // Change to 1199px for md sizes.
    .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;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}

以上是关于css 对于Bootstrap移动导航,将断点从xs更改为sm的主要内容,如果未能解决你的问题,请参考以下文章

响应式断点触发的 CSS 过渡

如何为移动屏幕的导航栏项目添加切换按钮,并使用 HTML、CSS 和 Bootstrap v4 将它们切换为下拉菜单

css 更改导航栏响应断点。来自https://coderwall.com/p/wpjw4w/change-the-bootstrap-navbar-breakpoint

css 更改导航栏响应断点。来自https://coderwall.com/p/wpjw4w/change-the-bootstrap-navbar-breakpoint

css 将Bootstrap Mobile菜单更改为所需的断点

Bootstrap 4 - 使用切换按钮将链接移动到导航栏的右侧[重复]