css – 纵向和横向的引导列视图

前端之家收集整理的这篇文章主要介绍了css – 纵向和横向的引导列视图前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我是故障的新的bootsrap和想问,有没有反正,当设备屏幕在纵向总是使用“md”大小的列,当它在横向总是使用“xs”列?

解决方法

使用新的或更改的媒体查询扩展引导CSS.通常离开原始bootstrap.css文件并扩展它与更改是最好的方法,或将来的升级将是麻烦的.您可能只想重新创建要使用的网格类,例如:
@media (min-width: 992px) and (orientation:landscape) {
    .col-md-4 {
        // some properties
    }
}

@media (min-width: 992px) and (orientation:portrait) {
    .col-md-4 {
         // redefined
    }
}

正如Skelly所提到的,目前在Bootstrap本身并没有定向开关.

猜你在找的CSS相关文章