Bootstrap 如何更改引导介质查询？

u1ehiz5o 于 2023-03-27 发布在 Bootstrap

关注(0)|答案(3)|浏览(195)

我正在尝试用我的custom.css覆盖 Bootstrap 媒体查询
下面是引导查询

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

我毫无进展我想做的是

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

     display:none;
}

任何帮助将感谢我如何覆盖引导查询与我的custom.css
谢谢

3条答案

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

按照上面的方式填写您的媒体查询

在custom.css文件中编写以下代码

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

添加类或元素id以覆盖CSS。如果不指定选择器，您将无法实现您想要的。

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

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

您可以尝试Bootstrap中提供的响应式实用程序来隐藏某些内容
使用 .hidden-xs 和 .hidden-sm 到布局中的元素，以隐藏移动的和平板电脑中的元素。它将帮助您实现您想要的。
更多信息请点击链接Click Here