Как расширить ширину блока за пределы сетки bootstrap, не сдвигая находящийся в нем контент?
1. Вместо col-xs-5 и col-xs-7 нужно col-xl-5 и col-xl-7 соответственно
2. Костыль, но работает, на блок col-xl-7 вешаете ещё один класс и на него:.additional-class {
    max-width: none !important;
    margin-right: calc( (100vw - 100%)/2*-1 ) !important;
    flex-grow: 1;
}
Таким образом вы двигаете вправо блок на расстояние равное (Половина разности между контейнером и шириной вьюпорта) spoiler
Задай блоку с текстом relative, псевдоэлементом растяни визуально блок, обертке которая у тебя растягивается на всю ширину overflow-x: hidden; и весь фокус