如何更改引导媒体查询？

Question

我正在尝试使用custom.css

覆盖Bootstrap Media Queries

这是引导查询

@media (min-width: 768px)
.navbar-right {
      display: none;
}

我无处可去。我想做的是

@media screen and (min-width: 900px){

     display:none;
}

如何使用custom.css

覆盖引导程序查询，我们将不胜感激

谢谢

Answer 1

@media screen and (min-width: 900px){
    .navbar-right {
          display: none;
    }
}

按上述方式编写您的媒体查询

Answer 2

添加类或元素id以覆盖CSS.Without指定选择器，你将无法达到你想要的效果。

@media (min-width: 768px)
.navbar-right {
      display: none;
}


@media screen and (min-width: 900px){
.navbar-right {
      display: none;
}

您可以尝试使用Bootstrap中的Responsive Utilities来隐藏某些内容

将 .hidden-xs 和 .hidden-sm 用于布局中的元素，以隐藏移动设备和平板电脑中的元素。它将帮助您实现目标你想要的。

请在链接中找到更多信息Click Here