1. #1
    Carrion's Avatar
    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.html
    no votes  

  2. #2

    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  

  3. #3

    Registered
    02/04/11
    Location
    Koksijde
    Posts
    38
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0
    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  

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Log in

Log in