Bootstrap. Какая должна быть структура разметки страницы?
Назовите мне хоть одну причину, зачем тут нужен бутстрап? :)
- лейаут с выкрутасом
- резины и адаптивности нет
- дизайн элементов (кнопочки етц) кастомный
Так и побить страницу на 2 блока (левый и правый), а уже внутри них плясать.
Ширину этих блоков можно подобрать процентами, или vw, или calc - вариантов много, нужно пробовать.
Вероятно, нужен будет либо флексбокс, либо абсолютное позиционирование, чтобы отогнать нижний логотип вниз.
Но сделаю оговорку, что надо видеть внутренние страницы - они могут быть другими и серьезно повлиять на подход.
Для блоков выходящих за пределы wrap я бы использовала псевдоэлементы :after или  :before с позиционированием типа .box {
  position: relative; 
}

.box:before {    
   content: '';
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    bottom: 0;
    left: -9999px;
  background: ваш фон ;
}