改变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