Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

Full height - Web Responsive - Twitter Bootstrap

Full height - Web Responsive - Twitter Bootstrap

Problem

Someone know how to set, in Twitter Bootstrap, a div to be always in full height (100% of screen height), in all resolutions?

I'll really appreciate any help.

Problem courtesy of: Alan Gularte

Solution

Basically any parent containers of the DIV need to also be 100% -- this includes BODY, HTML, etc.. You can add some CSS following the 'bootstrap.css' to override the Bootstrap CSS like this:

html,body{height:100%;}

.container {
    height:100%;
}

.fill{
    width:100%;
    height:100%;
    min-height:100%;
    background-color:#990000;
    padding:10px;
    color:#efefef;
}

http://jsfiddle.net/skelly/zrBGw/

Solution courtesy of: ZimSystem

Discussion

View additional discussion.



This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

Full height - Web Responsive - Twitter Bootstrap

×

Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription

×