This is very Simple and easiest to use. you simply download and start your work in this template. this is already built in in bootstrap.
<title>Sticky Footer</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <style> html, body { height: 100%; margin: 0; } h1 { font-family: 'Archivo Black', sans-serif; } .wrap { min-height: 100%; margin: 0px auto -70px; padding:0px; padding-bottom:150px; } header { background: #00BCD4; color: #fff; padding: 25px 0px; display: inline-block; font-family: 'Lato', sans-serif; width: 100%; padding: 25px 25px; } footer { background: #00BCD4; color: #fff; height: 70px; padding: 25px 0px; display: inline-block; font-family: 'Lato', sans-serif; width: 100%; } .jumbotron { background: rgba(238, 238, 238, 0.5); margin-bottom: 0px; margin-top: 0px; } .content {padding-top:70px;} </style>Lorem ipsum dolor sit amet, consectetur adipisicing elit...
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...
Lorem ipsum dolor sit amet, consectetur adipisicing elit...
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...
Lorem ipsum dolor sit amet, consectetur adipisicing elit...
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...
Lorem ipsum dolor sit amet, consectetur adipisicing elit...
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...
Lorem ipsum dolor sit amet, consectetur adipisicing elit...
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...
Lorem ipsum dolor sit amet, consectetur adipisicing elit...
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...
Lorem ipsum dolor sit amet, consectetur adipisicing elit...
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...
Lorem ipsum dolor sit amet, consectetur adipisicing elit...
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...
WMS © 2017. All Rights Reserved.