100% Height Div With Bootstrap 3

I want to make a full height website but it seem twitter make issue with body min-height 100% here my css : html{ height:100%; } body{ min-height:100% } #main{ min-heig

Solution 1:

Try giving this CSS.

body, html {
  height: 100%;
  min-height: 100%;
}
#main {
  min-height:100%;
}

Solution 2:

You need to add some extra css to your code.

#main {
min-height:100%;
}

body, html {
height: 100%;
min-height: 100%;
}

i hope this is what you're looking for if, not try explain me what happens ;)!

Solution 3:

Just add below CSS and you will be done :

body, html {
  padding:0px;
  margin:0px;
  height: 100%;
  min-height: 100%;
}