Geek asks and answers

Full-color background column with Bootstrap grid

I know the chances are subtle, but how would you achieve the layouts as shown below, where on the left, center and right have different background colors when using the bootstrap system ? I assume the column layout is contrary to the thinking of the Bootstrap grid, am I right?

enter image description here

Here is the URL to use online usage .

CSS is the standard Bootstrap CSS grid for spans, etc.

I looked at other SO Q and A, but I would not want to use things like JavaScript .. or things that are not supported by IE7 + ..

+5
source share
2 answers

Of course, just use this CSS:

html, body, .container-fluid, .row-fluid, .blue, .lightgrey {height:100%;}

http://dabblet.com/gist/5326320

+2

@Omega , : http://jsfiddle.net/panchroma/u5XGL/

CSS .

, .

CSS

.col{
margin-bottom: -99999px;
padding-bottom: 99999px;
background-color:#ffc;
}

.col-wrap{
overflow: hidden; 
}

, , - .

!

+6

More articles:


All Articles