我正在尝试重新定义 col-md-4 的宽度。如果我直接进入引导文件并编辑下面的代码,它就可以工作。但是当我打开一个新的 css 文件并输入下面的代码并重新定义宽度时,它不起作用。为什么?我要解决的问题是因为在 IE7 中,我连续有 2 个项目而不是 3 个,所以我试图通过重新定义它来减小宽度,以便 3 个项目将在一行上。也许还有其他建议?
@media (min-width: 992px) {
.col-md-4 {
width: 33.33333333%;
}
}
我正在尝试重新定义 col-md-4 的宽度。如果我直接进入引导文件并编辑下面的代码,它就可以工作。但是当我打开一个新的 css 文件并输入下面的代码并重新定义宽度时,它不起作用。为什么?我要解决的问题是因为在 IE7 中,我连续有 2 个项目而不是 3 个,所以我试图通过重新定义它来减小宽度,以便 3 个项目将在一行上。也许还有其他建议?
@media (min-width: 992px) {
.col-md-4 {
width: 33.33333333%;
}
}
将应用更具体的选择器。您可以从这篇文章中阅读更多内容。
对于您的情况,您可以将规则重写为更具体,或者!important
为属性添加标签。
.col-md-4.wide { /* Or another more specific selector */
或者
width: 33.33333333% !important;