How to set footer at the bottom of the page with Bootstrap 4

1 Answer

0 votes
<!-- index.php -->

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Test</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href="http://localhost:8080/bootstrap-4.1.3/css/bootstrap.min.css" 
                  rel="stylesheet">   
        <link href="http://localhost:8080/css/style.css" rel="stylesheet"> 
    </head>
    <body>
        <p>text text text</p>
             <?php include_once "footer.php"; ?>
    </body>
</html>
// footer.php

<footer class="footer">
    <p class="text-muted">&copy; allonpage</p>
    <p class="text-muted"><a href="http://www.allonpage.com">Home</a> | </p>
    <p class="text-muted"><a href="privacy_policy.php">Privacy Policy</a> | </p>
</footer>
/* style.css */

footer p {
    display: inline;
}

footer {
    position: absolute;
    bottom: 0;
    padding-left: 5px;
}

 



answered Nov 14, 2018 by avibootz
edited Nov 14, 2018 by avibootz
...