How to set a footer on the bottom with CSS responsive?

Navigation
0

I have a footer which I have put the following style: 

 <footer class="page-footer white" style="position: relative;bottom: 0%;width: 100%">


When the screen is complete the footer is fixed in the middle of the screen but when I minimize the size of this type responsive is already fixed at the bottom ...
If I use position: absolute it stays in the lower part but if there is a scroll in the view, when I go down the position is lost and also if I use the position: fixed ...

I would appreciate your cooperation.

    
asked by JDavid 08.03.2017 в 22:42
source

1 answer

2

I just made you a fiddle, I think what you needed was to declare the html and the body in 100% like this: 

html, body {
    height: 100%;
}

You can see it here

    
answered by 08.03.2017 / 23:16
source
Hide keyboard when clicking anywhere in the Activity Problems with the Bootstrap grids