Цвет фона боковой панели за пределами CSS боковой панели

Question

Странное название, но не могу описать его лучше одним предложением.Проблема в том, что у меня есть центрированный контейнер Bootstrap с 3 колонками на боковой панели и областью содержимого на 9 колонок.

Мне нужно установить цвет фона, чтобы окрашивать все, начиная с боковой панели до самого левого края (до левого края окна браузера),Теперь давайте проверим картинку, чтобы лучше понять, что я имею в виду:

Я попробовал простой взлом:

background: linear-gradient(
    to right, 
    #666 0%, 
    #666 25%, 
    #fff 25%, 
    #fff 100%
);

но этот подход не адаптивен - поэтому он работает на небольших устройствах и очень широких экранах.

HTML:

<div class="container">
    <div class="row">
        <div class="col-sm-3">...</div>
        <div class="col-sm-9">...</div>
    </div>
</div>