Welcome to collectivesolver - Programming & Software Q&A. A website you can trust. All programs tested and work.

aviboots(AT)netvision.net.il

Instant Grammar Checker - Correct all grammar errors and enhance your writing
BlueHost Web Hosting

Bonsai Boy of New York Bonsai Trees and Accessories

Website Domains Names & Hosting | Domain.com

Instant Grammar Checker - Correct all grammar errors and enhance your writing

Ecommerce Software - Best Ecommerce Platform Made for You - Free Trial

DreamHost Web Hosting


Liquid Web Cloud VPS Hosting

Disclosure We are a professional Programming & Software Q&A website, that receives compensation from some of the links whose we show you with Information. It means that my content may contain affiliate links.

13,206 questions

17,986 answers

573 users

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

Online Web Development & Programming Courses | Udemy
43 views
asked Nov 14, 2018 by avibootz
reshown Nov 14, 2018 by avibootz

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
...