在bootstrap堆叠列时应用css

Question

我只需要在调整页面大小时引导程序堆栈列时应用一些css规则。

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

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

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


}

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

所以我需要检测引导程序何时包装列以及何时再次扩展它们。

Answer 1

据我所知，bootstrap＆＃39; stacks＆＃39; 之后 iPad纵向尺寸：

在iPad =

之前

@media (max-width: 768px) {

iPad =

之后

@media (max-width: 767px) {

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