请问bootStrap有没有用来区分分辨率的class，即只用“md”,'sm','xs'这样，不带数字

Question

比如<nav class="navbar" role="navigation">，想在不同设备下分别设置样式，有什么方法吗？

类似这个意思：<nav class="navbar md sm xs" role="navigation">

Answer 1

你好，没有这样的。但是你可以自己写一套类似的媒体查询
媒体查询
CSS3 @media 查询

bootstrap 的原理是，它先写一套小屏幕的，然后再向上兼容。

.navbar {
    background: red;
}
@media (min-width: 768px) {
    .navbar {
        background: blue;
    }
}

@media (min-width: 992px) {
    .navbar  {
        background: green;
    }
}

@media (min-width: 1200px) {
    .navbar  {
        background: yellow;
    }
}