Bootstrap 4:仅隐藏媒体

时间:2017-02-23 08:33:54

标签: css twitter-bootstrap

我在我的一个新的在线项目中使用了Bootstrap 4。我主要针对移动使用,但希望让桌面用户可以访问它。

我有一些textst我想隐藏在中等屏幕上只有预定义的分类,但不知怎的,我无法让它工作。邋work的解决方法有效,但很草率:(应该说明我想要实现的目标):

<span class="hidden-sm-up">Display: </span>
<span class="hidden-md-down">Display: </span>

当然这是糟糕的编码,但我似乎无法找到正确的类组合,只能隐藏在中等屏幕上。 (我希望像.hidden-md这样的课程,但没有......)

非常感谢任何帮助。

最佳,
knal

1 个答案:

答案 0 :(得分:0)

谢谢你们,

由于缺乏直接解决方案而略显失望,但对结果感到满意,我实施了以下内容以满足我的需求:

@media only screen and (max-width: 992px) and (min-width: 576px){  
    .filters p span {  
        display: none;
    }  
}
布拉德的链接使我确信这种方法。谢谢!

最佳,
Knal