<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <main class="mh-100 container"> <h2>Scroll to Bottom</h2> </main> <footer class="bg-light"> <div class="container py-5"> <ul class="list-inline"> <li class="list-inline-item lead">Site Title</li> <li class="list-inline-item"><a href="#!">Privacy</a></li> <li class="list-inline-item"><a href="#!">Help</a></li> <li class="list-inline-item"><a href="#!">Feedback</a></li> <li class="list-inline-item"><a target="_blank" href="https://www.totoprayogo.com">About</a></li> </ul> </div> </footer>

.mh-100 { min-height: 100vh; }