Bootstrap Footer – creating simple and sticky footer in Bootstrap

Bootstrap Footer

The footer in your website using the Bootstrap framework can be created very easily. A simple footer that is not fixed can be created by using the .footer class or to give it a panel like look, use the panel-footer class in the div wrapper element.

Following example shows how to create simple and sticky footers with bootstrap.

Bootstrap simple footer example

The following example shows how to create a footer by using the panel-footer class of Bootstrap. You can see it as you scroll to the bottom part of the website, after clicking the example link below.

<p>Example Text Here for features, product or service etc! Example Text Here for features, product or service etc Example Text Here for features, product or service etc Example Text Here for features, product or service etc Example Text Here for features, product or service etc</p>

<p><a href=“#”role=“button”>More info &raquo;</a></p>

</div>

<div class=“col-lg-3”>

<h2>Example Heading</h2>

<p>Example Text Here for features, product or service etc! Example Text Here for features, product or service etc Example Text Here for features, product or service etc Example Text Here for features, product or service etc Example Text Here for features, product or service etc</p>

Bootstrap sticky footer example

The following example shows how to create a bootstrap sticky footer. The sticky footer remains fixed at the bottom. This is a whole page example with the scrollbar so that footer can be seen, which is fixed.

<p>Example Text Here for features, product or service etc! Example Text Here for features, product or service etc Example Text Here for features, product or service etc Example Text Here for features, product or service etc Example Text Here for features, product or service etc</p>

<p><a href=“#”role=“button”>More info &raquo;</a></p>

</div>

<div class=“col-lg-3”>

<h2>Example Heading</h2>

<p>Example Text Here for features, product or service etc! Example Text Here for features, product or service etc Example Text Here for features, product or service etc Example Text Here for features, product or service etc Example Text Here for features, product or service etc</p>