Как лучше расставить breakpoint'ы бутстрапа?

[MininJS]

Всем привет, стандартный размер контейнера бутстрапа:

lg:

@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

у md:

@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}

Шаблон который верстаю, с нестандартным контейнером: 1280px на больших экранах. Если в бутстрапе меняю сетку с:

@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

на 1310\1280. То все что ниже 1310 уходит в нижний md брейкпоинт и контент уходит за контейнер.

Вопрос: как добавить еще один кастомный класс или найти выход из этой ситуации? На борту бутстрап 3.

Змінено 15 січня 2020 користувачем MininJS

[anboza]

кастомизируйте свой собственный вариант и используйте