Forum PHP.pl > [CSS][bootstrap] tło dla marginesu row z lewej strony

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [CSS][bootstrap] tło dla marginesu row z lewej strony

poczatkujaca12

15.03.2019, 10:41:29

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ć?

viking

15.03.2019, 10:46:32

https://jsfiddle.net/uy2a9pqv/

trueblue

15.03.2019, 10:48:10

Pokaż jak to ma wyglądać. Jakie tło, czy jednolite czy wzór/obrazek?

poczatkujaca12

15.03.2019, 11:08:20

https://ibb.co/m6JZ4Xd
jednolite tło... przed pierwszym elementem row od początku strony

trueblue

15.03.2019, 11:16:34

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;
}

poczatkujaca12

15.03.2019, 11:20:33

Dzięki... dokładnie o to chodziło

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.