引导 @media 最小宽度答案

【问题标题】：Bootstrap @media min-width引导 @media 最小宽度
【发布时间】：2016-01-07 11:18:57
【问题描述】：

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

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

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

【问题讨论】：

您的媒体查询不会覆盖引导媒体查询。如果你想这样做，你必须覆盖引导程序中的断点，或者重新定义类（给你的 css 类一个新名称）。
我有很多课...

标签： css twitter-bootstrap media-queries

【解决方案1】：

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

【讨论】：

我的 1120px 值只是一个例子。实际上，这个值是动态的。所以我想知道它在任何值集下如何工作。
使用浏览器检查器，您可以验证某些规则是否覆盖了您的规则。在这种特定情况下，如果它们具有相同的“特异性”，则必须在之后声明它们，或者改为增加您的自定义规则特异性。 CreativePS 提出的解决方案就是一个例子。
我将更改 bootstrap.css 中的最小宽度值！即使在 bootstrap.css 中更改不好，似乎也能正常工作......