当引导程序堆叠列时应用css

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

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

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

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


}

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

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

来源

2015-02-11 Luke

这些列被堆叠_because_ Bootstrap使用媒体查询，在某些基于宽度的断点处应用不同的格式 - 因此您不清楚这里实际要求的内容。 – CBroe 2015-02-11 08:37:39

我可以在我自己的CSS中使用bootstraps媒体查询吗？ – Luke 2015-02-11 08:47:16

看看LESS变量bootstrap的用法（http://getbootstrap.com/css/#grid-media-queries） - 如果你把CSS切换到LESS，那么你也可以使用这些变量。（请注意，这可能涉及的不仅仅是更改文件扩展名，所以请研究一下。） – CBroe 2015-02-11 08:49:32

至于我记得，自举后 iPad的画像尺寸 '栈' ：

之前的iPad =

@media (max-width: 768px) {

后的iPad =

@media (max-width: 767px) {

所以影响样式，请将您自己的覆盖添加到第二个媒体查询中，并确保在之后声明了 bootstrap css和特性是正确的。

来源

2015-02-11 09:41:12

当引导程序堆叠列时应用css

回答

相关问题