Bootstrap 4 如何使用引导隐藏卡?

Bootstrap 4 如何使用引导隐藏卡?,bootstrap-4,Bootstrap 4,所以我试图只在xs屏幕上隐藏引导卡。我已经尝试过在所有屏幕大小上隐藏以测试我的代码,但对它们也不起作用 与俱乐部见面 ... 如果你能给出一个简单的例子会更好,但你可以使用 .d-none .d-sm-block 在同一个元素上(在本例中,您可以将其添加到card类或包含的div)隐藏xs屏幕中的某些内容 .d-none .d-sm-block 在同一个元素上(在本例中,您可以将其添加到card类或包含div)隐藏xs屏幕中的某些内容您可以使用@media作为xs屏幕

所以我试图只在xs屏幕上隐藏引导卡。我已经尝试过在所有屏幕大小上隐藏以测试我的代码,但对它们也不起作用


与俱乐部见面

...
如果你能给出一个简单的例子会更好,但你可以使用

    .d-none .d-sm-block 

在同一个元素上(在本例中,您可以将其添加到card类或包含的div)隐藏xs屏幕中的某些内容

    .d-none .d-sm-block 

在同一个元素上(在本例中,您可以将其添加到card类或包含div)隐藏xs屏幕中的某些内容

您可以使用@media作为xs屏幕大小(您可以通过搜索引导屏幕大小轻松找到它),然后使用visibility:hidden on your element

例:


您可以将@media用于xs屏幕大小(您可以通过搜索引导屏幕大小轻松找到它),然后在元素上使用visibility:hidden

例:


你好Bootstrap已经内置了这个功能,所以声明这个类需要更多的工作。嗨!Bootstrap已经内置了这个功能,所以声明这个类需要做更多的工作。
@media (min-width: 1000px){
    .elementClass{
        visibility: hidden;
    }
}