-
10-04-2016, 19:27 #1Approved 9liver
- Registered
- 23/11/08
- Location
- Tessenderlo
- Posts
- 22,572
- iTrader
- 71 (100%)
- Mentioned
- 26 Post(s)
- Reputation
- 5/2948
bootstrap achtergrond kleur volledige breedte browser
Hey iedereen,
ik ben nu al een tijdje bezig met het aanleren van bootstrap 3 en ben er toch grotendeels mee weg. Nu is er 1 ding dat ik niet gevonden krijg. Bij het gebruik van de container in bootstrap zou ik willen dat als ik een bepaalde row een achtergrondkleur geef dat deze verder loopt over de volledige breedte van de browser en niet stopt aan de container. Ik heb even een simpele schets gemaakt:
http://s23.postimg.org/jjebjgg4r/bootstrap_width.jpg
- de zwarte kader stelt het browservenster voor
- de groene kader de container van bootstrap
- de gele en oranje kader zijn 2 rows
Ik wil dus m'n content binnen de container houden en maar de achtergrond kleur zou moeten doorlopen. De volledige body een achtergrondkleur geven is niet echt een optie aangezien ik verschillende rows graag verschillende kleuren zou geven.
Iemand een ideetje over hoe ik hiermee te werk ga?
grtz!9lives stopt op 31/01 -> BeyondGaming neemt de fakkel over
https://www.9lives.be/forum/algemene...12-2020-a.htmlno votes
-
-
11-04-2016, 09:44 #2Member
- Registered
- 25/09/13
- Location
- Prov Antwerpen
- Posts
- 109
- iTrader
- 3 (100%)
- Mentioned
- 1 Post(s)
- Reputation
- 1/2
Dan zal je per row een container moeten gebruiken:
Code:<body> <div class="row green" <div class="container"> </div> </div> <div class="row red" <div class="container"> </div> </div> </body>
no votes
-
11-04-2016, 17:32 #3
Je kan gebruik maken van geneste containers.
Een container-fluid om je achtergrond kleur full width te hebben met daarin een gewone container met de content.no votes
