I have a Laravel project with Bootstrap added as the CSS. I have tried everything to make my sticky footer work, but when the page is longer than the window, it remains at the bottom of the window when scrolled up.
Here is my main:
<html>
<head>
<title>Justin van Horssen</title>
{{-- Bootstrap 4.1.1 CSS --}}
<link rel="stylesheet" type="text/css" href="{{ asset('css/style.css') }}">
</head>
<body>
<header>
@include('inc.nav')
</header>
<main role="main" class="container">
@include('inc.messages')
@yield('content')
</main>
@include('inc.scripts')
<footer class="footer">
</footer>
</body>
This is my footer CSS:
.footer
{
position: absolute;
bottom: 0;
width: 100%;
height: 60px;
line-height: 60px;
background-color: #003b6f;
}