更改 col-lg-3 大小

Question

我需要我的col-lg根据分辨率具有不同的大小，例如：

如何做到这一点？

.col-lg-3 {
    /* styles for 1366x768px screen */
}
@media screen and (min-width: 1920px) and (min-height: 1080px) {
    .col-lg-3 {
        /* styles for screens larger than or equal to 1920px by 1080px */
    }
}

Answer 1

我建议查看Bootstrap网格系统，因为这将帮助您更好地了解col如何在各种屏幕尺寸下工作。

https://getbootstrap.com/docs/4.0/layout/grid/#grid-options