Невозможно переопределить начальную загрузку col-md width

Question

Я пытаюсь переопределить ширину col-md-4. Если я сразу перейду к файлу начальной загрузки и отредактирую приведенный ниже код, он будет работать. Но когда я открываю новый файл CSS и вставляю коды ниже и переопределяю ширину, это не работает. Зачем? Проблема, которую я пытаюсь решить, состоит в том, что в IE7 у меня есть 2 элемента подряд вместо 3, поэтому я пытаюсь уменьшить ширину, переопределив ее, чтобы 3 элемента были в строке. Возможно, есть другие предложения?

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

Answer 1

Более конкретный селектор будет применяться. Вы можете прочитать больше из этой статьи.

Для вашего случая вы можете переписать правила, чтобы они были более конкретными или добавив !important тег для атрибута.

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

ИЛИ ЖЕ

width: 33.33333333% !important;