在纵向和风景的Bootstrap专栏视图

Question

我对bootsrap感到失败并想问,无论如何,当设备屏幕在Portrait中时总是使用"md"大小的列,并且当它在横向中总是使用"xs"列时？

Answer 1

使用新的或更改的媒体查询扩展Bootstrap 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本身没有内置定向开关.