Setting Up Layout

By default every bootstrap .container is boxed layout. To make it full layout you just need to add .full-layout on the parent element of .container.

This apply to <header> and <footer> also

/* BELOW EXAMPLE FOR SECTION FULL LAYOUT */

<section class="full-layout">
    <div class="container">
        <h2 class="font-bold">HELLO THIS IS FULL LAYOUT</h2>
    </div>
</section>

HELLO THIS IS FULL LAYOUT

In lacinia lectus vitae magna elementum accumsan. Aenean ultrices eget dui quis aliquam. Duis quis lorem et orci vehicula pellentesque ut consequat mauris. Donec ultrices malesuada gravida. Praesent at aliquet odio. Nullam nec sapien ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent pretium nisl id lectus laoreet ultricies. Integer hendrerit mauris sed orci maximus, ac malesuada turpis consequat. Donec elementum quis dolor in efficitur. Sed vel ullamcorper lectus. Praesent ut erat nec quam hendrerit malesuada ut eget est. Sed molestie tellus nec sapien varius egestas. Nullam ut enim vitae mi faucibus maximus vel vel erat. Nulla vehicula luctus nibh, sit amet ornare est pretium ac.

Vestibulum fermentum neque quis eros luctus bibendum. Aliquam erat volutpat. Etiam iaculis et ante eu consequat. Morbi consequat sem vel commodo vestibulum. Sed ac est pharetra, luctus turpis vitae, interdum leo. Curabitur massa est, posuere ac tempor in, elementum quis mi. Duis quam leo, egestas id nibh eget, aliquam porttitor magna. Sed id sapien lacus. Pellentesque quis elit mauris. Nulla posuere leo a magna ultricies, a iaculis dolor venenatis. Maecenas eget neque id libero dictum ultrices. Aliquam erat volutpat. Donec tincidunt fringilla sapien, eu gravida lectus cursus at. 

/* FOR PHP VERSION YOU CAN JUST ADJUST FOOTER LAYOUT from $bottom_extra_class variable  */

$bottom_extra_class = 'full-layout';

Below is the example of full layout footer