css - Bootstrap 4 删除/隐藏类

Question

Code Image

是否可以在不使用 javascript/jquery 的情况下在中型视口(viewport)中删除 bootstrap 4 上的类？例如上面的这段代码，我想删除中等视口(viewport)上的右边框类。是否有像 Tailwind css“md:border-right”这样的类。

附言抱歉我的英语不好，它不是我的母语。

Answer 1

您可以使用媒体查询并为中型视口(viewport)覆盖该类，使用名称(例如 .no-border)向 div 添加一个类，然后您可以执行类似这样的操作

@media only screen and (min-width: 768px) and (max-width: 992px){
    .no-boder{
        border: none;
    }
}

如果有帮助，请告诉我!