css - 无法重新定义 bootstrap col-md 宽度

Question

我正在尝试重新定义 col-md-4 的宽度。如果我直接转到 Bootstrap 文件并编辑下面的代码，它就可以工作。但是当我打开一个新的 css 文件并放入下面的代码并重新定义宽度时，它不起作用。为什么？我要解决的问题是因为在 IE7 中，我连续有 2 个元素而不是 3 个元素，所以我试图通过重新定义它来减小宽度，这样 3 个元素就会排成一行。或许还有其他建议？

@media (min-width: 992px) {
.col-md-4 {
    width: 33.33333333%;
  }
}

Answer 1

将应用更具体的选择器。您可以从 this article 阅读更多内容.

对于您的情况，您可以重写规则以使其更具体或通过为属性添加 !important 标记。

.col-md-4.wide { /* Or another more specific selector */

或

width: 33.33333333% !important;