Bootstrap @media min-width

Question

尝试添加自定义媒体查询：

@media (min-width: 1120px) {
   .navbar-right .dropdown-menu {
        right: 0;
        left: auto;
    }
   .navbar-right .dropdown-menu-left {
        right: auto;
        left: 0;
   }
}

引导程序，但浏览器似乎考虑了引导程序中的最小值。我在bootstrap样式声明后添加了脚本，但仍然有相同的行为。

Answer 1

看看this page。特别是@container-large-desktop变量值。较高的BootStrap窗口大小为1140px，因此您指定的媒体查询仅适用于20px的范围