Page footer Beets Exclusive

About

There is not mouch going on in the #page-footer other than setting a background color and a top border. Use the Bootstrap container classes and populate it.

In the example below we are using the .container-md container to follow the #main-container width along with some padding for styling.

The content consists of a simple .row and .col system with some responsive text alignment.

Example

<footer id="page-footer">

    <div class="container-md py-3 px-5">
    
        <div class="row">
            <div class="col-sm-6 py-1 text-center text-sm-start">Footer Content Left</div>
            <div class="col-sm-6 py-1 text-center text-sm-end">Footer Content Right</div>
        </div>
    
    </div>

</footer>