[CSS][bootstrap] tło dla marginesu row z lewej strony Opcje

[poczatkujaca12]

mam kod

[HTML] pobierz, plaintext 
 
<div class="container">
   <div class="row naglowek">
      <div class="col col-lg-2">cos
      </div>
      <div class="col col-lg-8">cos
      </div>
      <div class="col col-lg-2">cos
      </div>
   </div>
   <div class="row">
      <div class="col col-lg-2">cos
      </div>
      <div class="col col-lg-8">cos
      </div>
      <div class="col col-lg-2">cos
      </div>
   </div></div>
[HTML] pobierz, plaintext 

i działa jak powinno
tylko przed row po lewej stronie chciałabym mieć tło i nie mam pojęcia jak to zrobić, próbowałam

[HTML] pobierz, plaintext 
.naglowek:before {
background: #ddd;
}
[HTML] pobierz, plaintext 

ale nie działa

próbowałam wstawić przed container dodatkowego diva position: absolute - ale tego nie mam jak wyrownać do row... ktoś spotkał się z takim problemikiem?
miałby jakiś pomysł jak to można robić?

[trueblue]

Kod

.naglowek>.col:first-child:before{
  content: "";
  width: 50vw;
  display: block;
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
  z-index: -1;
}
.naglowek>.col:first-child,
.naglowek>.col:first-child:before{
  background: #f00;
}