Horje
sticky footer Code Example
position footer to stay at bottom of screen flexbox 
/* Use flex and set auto margin */
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

footer {
  margin-top: auto;
}
Source: wetainment.com
sticky footer bootstrap 3 
<style>
.footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: red;
   color: white;
   text-align: center;
}
</style>
sticky footer 
html, body {
  height: 100%;
}
body {
  display: flex;
  flex-direction: column;
}
.content {
  flex: 1 0 auto;
}
.footer {
  flex-shrink: 0;
}
Source: css-tricks.com



Css

Related
@font-face rule in css Code Example @font-face rule in css Code Example
background size in css Code Example background size in css Code Example
css dashed double border Code Example css dashed double border Code Example
bootstrap card hover effect Code Example bootstrap card hover effect Code Example
import font css Code Example import font css Code Example

Type:
 Code Example
Category:
 Coding
Sub Category:
 Code Example
Uploaded by:
 Admin
Views:
 10



 

Horje