应用样式,仅当 类 都在使用时(媒体查询/bootstrap)

Apply style, only if both classes are in use (media queries / bootstrap)

即使我的浏览器调整大小以使用 sm 样式,此文本对齐也适用于它 - 尽管告诉它适用于 md-3,而不是 sm

换句话说,我希望仅当媒体查询将我的设备解释为 sm 屏幕时才能够应用样式。我下面的样式适用于所有尺寸 - 甚至 md。我该如何解决?

我的CSS:

div.col-md-3.subnav{
    text-align: center;
}

和 HTML:

<div class="col-xs-12 col-sm-6 col-md-3 subnav">Pricing</div>

应用它是因为 div 上有 class subnav,它定义 text-align: center,与当前维度无关。

您需要为您的特定对齐方式添加媒体查询规则:

@media (min-width: 768px) {
    .subnav {
        text-align: center;
    }
}