Bootstrap - 在纵向方向上隐藏元素并在风景上显示

Question

我想以纵向隐藏移动设备上的图像，但要在横向上显示。

Bootstrap如何实现？

谢谢：）

Answer 1

Bootstrap没有基于方向的类。但您可以使用css中的media queries自行编写。

@media (orientation:landscape) {
    .hide-on-landscape {
        display: none;
    }
}

@media (orientation:portrait) {
    .hide-on-portrait {
        display: none;
    }
}