如何编写一个只能在bootstrap的桌面上可见的css

我重写了一份声明

.navbar .nav {
    top:30px;
}

在我的css文件上,但我只希望这个声明可以在桌面视图上响应,而不是在手机视频中.我该怎么写得正确？谢谢你的帮助.

这里：媒体查询的力量：

@media only screen and (min-width: 960px) and (max-width: 1079px) {

}

@media only screen and (min-width: 768px) and (max-width: 959px) {

}


@media only screen and (max-width: 767px) {

}

@media only screen and (min-width: 480px) and (max-width: 767px) {

}