Вёрстка двух блоков разной ширины с разными фонами до краёв экрана — как?

Это не верное решение. Как ты определишь "нужные проценты"?
Проценты ширины колонки в бутстрапе (col-1) высчитываются не от ширины экрана, а от ширины контейнера (.container). Соответственно 70% относительно ширины экрана и 70% относительно ширины контейнера (.container) закончатся в разных местах, поскольку в ширину контейнера не включены его отступы (margin-left: auto; .margin-right: auto;)

Ширина контейнера известна, количество и параметры колонок известны, ширина окна тоже (100%) - calc в руки и вперед.

Comrues, Да, уже понял, сразу не очень верно оценил задачу.
Если высота этих блоков одинакова и известна - можно попробовать абсолютное позиционирование для подложек. Делал так пару раз подобные вещи, как-то другого решения не придумал, решил в лоб

Еще бывает делают примерно так:

.orange-block {
    margin-left: calc(-1 * (100vw - 1200px) / 2);
}

Где вместо 1200px подставить свою ширину контейнера.
Но это не совсем корректное решение.