Jak sformatować kolor tła za pomocą twitter bootstrap?

Question

gram ze stylów tutaj stronie: http://www.grabapper.com

Próbuję to background-color #2ba6cb na urządzeniu bohatera. Kiedy zawieram:

<div class="row" style ='background-color: #2ba6cb;'> 

Kolor nie przesuwa się aż do krawędzi strony. Jak uzyskać kolor tła, aby przejść do krawędzi strony?

Answer 1

Najedź wiersz przed <div class="container marketing"> i owinąć go nowym pojemniku, ponieważ obecna szerokość pojemnik jest 1170px (nie 100%):

<div class='hero'> 
    <div class="row"> 
    ... 
    </div> 
</div> 

CSS:

.hero { 
    background-color: #2ba6cb; 
    padding: 0 90px; 
} 

Answer 2

Wystarczy dodać div wokół container tak to wygląda:

<div style="background: red;"> 
    <div class="container marketing"> 
    <h2 style="padding-top: 60px;"></h2> 
    </div> 
</div> 

Answer 3

Bootstrap default "contextual backgrounds "klas pomocniczych, aby zmienić kolor tła:

.bg-primary 
.bg-default 
.bg-info 
.bg-warning 
.bg-danger 

Jeśli trzeba ustawić niestandardowy kolor tła wtedy można napisać własne klasy niestandardowe w style.css (plik CSS) zwyczaj przykład poniżej

.bg-pink 
{ 
    background-color: #CE6F9E; 
}