html - 在 Bootstrap 堆叠列时应用 css

Question

我只需要在调整页面大小时 Bootstrap 堆叠列时应用一些 css 规则。

目前我正在使用这样的媒体查询:

@media (max-width: 983px) {
    .footer-links {
        margin-top: 0;
    }
    .col-info {
        margin-top: 15px;
    }

    .show-link {
        color: #FFFFFF;
    }
    .show-title {
        color: #FFFFFF;
    }


}

问题是宽度值是固定大小的。在较小的设备上，列将以较小的宽度堆叠。

所以我需要检测 bootstrap 何时换行以及何时再次扩展它们。

Answer 1

据我所知， Bootstrap “堆栈”在 iPad 纵向尺寸之后:

iPad 之前 =

@media (max-width: 768px) {

iPad之后=

@media (max-width: 767px) {

因此，要影响样式，请将您自己的覆盖添加到第二个媒体查询，并确保在 Bootstrap css 和特异性之后声明 CSS 是正确的。