Bootstrap Footer Templates

Hello there! In this article, you will find 23+ Bootstrap Footer Templates designs with complete source code so you just copy and paste it into your project.

A Footer is a must-have at end of any webpage, It allows you to share important information with the user such as links to other pages, social media handles, terms & conditions, contact information, and many more things.

In simple language, the footer is a section or full box which exists at the bottom of any type of webpages with important hyperlinks, information, and a message or subscribe box. The footer is the most important section for all the websites. Footer can be depended upon the type of webpage.

By using Bootstrap we can create fixed or static footers easily. we can easily customize the Footer with the use of Bootstrap.

Don’t worry we’ve got you covered. We have Handpicked the best 23+ Bootstrap Footer Templates from the web for you to use in your project.

50+ HTML, CSS & JavaScript Projects With Source Code

Let’s see some cool 23+ Bootstrap Footer designs.

1. Bootstrap Footer AV Test

Code by	TonyS
Demo & download	click here for code
Language used	HTML,CSS
External link / Dependencies	Yes
Responsive	Yes

Let’s start with a simple one, a light themed footer with contact info and links of other pages in it. Additionally, it also has a signup form built in it.

2. bootstrap footer

Code by	Sebastin Sabadus
Demo & download	click here for code
Language used	HTML,CSS
External link / Dependencies	Yes
Responsive	Yes

This footer have a company icon and name in it with links divided into four different categories, one of them contains links to social media with their respective icons.

How to Add Search Icon in Input field Using HTML & CSS

3. Bootstrap footer 5(source from bbbootstrap)

Code by	haycuoilennao19
Demo & download	click here for code
Language used	HTML,CSS
External link / Dependencies	Yes
Responsive	Yes

If you are making a website for your mobile application then this is perfect for you. It contains testimonials, Company logo and preview of mobile application. Additionally four columns of webpage links and links for Google play store & Apple app store with icons.

4. Responsive Bootstrap Footer

Code by	Tom Burrows
Demo & download	click here for code
Language used	HTML,CSS,JS
External link / Dependencies	Yes
Responsive	Yes

Very Minimal looking footer with links to social media in form of icons and also a setting icon if you need it.

5. Bootstrap footer with Social Icons

Code by	Darian Nocera
Demo & download	click here for code
Language used	HTML,CSS(SCSS)
External link / Dependencies	Yes
Responsive	Yes

Another sort of minimal footer with dark theme, icons for social media, four links to other webpages and a copyright line.

Create Music Player Using HTML, CSS and JavaScript Code

6. Bootstrap 4 Elegant Responsive Footer with Social Icons

Code by	Ban Sharma
Demo & download	click here for code
Language used	HTML,CSS
External link / Dependencies	Yes
Responsive	Yes

Light themed footer with space for site/company information, two columns of links for other webpages, icons for social media, privacy policy and terms & conditions.

7. Bootstrap Footer 6(source from bbbootstrap)

Code by	haycuoilennao19
Demo & download	click here for code
Language used	HTML,CSS
External link / Dependencies	Yes
Responsive	Yes

An Xbox themed footer with social media icons, 3 columns for links to other webpages and Additionally a form.

8. Untitled

Code by	Caliber Co
Demo & download	click here for code
Language used	HTML,CSS
External link / Dependencies	Yes
Responsive	Yes

If you are looking for footer in which you can as much information as possible, then this one the perfect choice. plenty of room for writing and links.

Create A Travel/Tourism Website Using HTML and CSS

9. Responsive Bootstrap Footer

Code by	idesignSMF
Demo & download	click here for code
Language used	HTML,CSS
External link / Dependencies	Yes
Responsive	Yes

Another small footer with minimal information, few links and social media icons. If you don’t like the dark theme you can play around with the CSS file and figure out what you like.

10. Bootstrap Footer

Code by	Arthur
Demo & download	click here for code
Language used	HTML,CSS
External link / Dependencies	Yes
Responsive	Yes

Footer with social media icons and copyright symbol only. you can add testimonials, forms, or links in the empty space above or just leave it as it as if that’s your taste.

100+ JavaScript Projects With Source Code ( Beginners to Advanced)

11. Simple clean Bootstrap Footer design

Code by	Bootstraplily.com
Demo & download	click here for code
Language used	HTML,CSS
External link / Dependencies	Yes
Responsive	Yes

Footer with about us, latest updates section, and a section to fetch new tweets from any account. Additionally, a form and social media icons.

12. Footer UI: Dark Theme

Code by	Prince Sargbah
Demo & download	click here for code
Language used	HTML,CSS
External link / Dependencies	Yes
Responsive	Yes

A dark themed footer with a lot of links to other webpages divided into several sections and also a sign up form for the newsletter.

13. footer made in bootstrap

Code by	Aviforever
Demo & download	click here for code
Language used	HTML,CSS
External link / Dependencies	Yes
Responsive	Yes

Orange-dark themed footer with quick links, company name/information, contact us sections and social media icons too. You can tweak the colors in CSS file

14. Bootstrap Footer 3 (Source from snippet)

Code by	haycuoilennao19
Demo & download	click here for code
Language used	HTML,CSS
External link / Dependencies	No
Responsive	Yes

A beautiful footer with a flower icon, little bit animation, several links to other webpages, address, contact information and also a signup form.

Create Bootstrap Login Form page with Side Image With Source Code

15. Bootstrap footer Example 1

Code by	Manasseh EI Bey
Demo & download	click here for code
Language used	HTML,CSS
External link / Dependencies	Yes
Responsive	Yes

A simple but neat and minimal footer with four section of links to other webpages, That’s it simple but functional.

16. Bootstrap Footer with multiple links

Code by	MDBootstrap
Demo & download	click here for code
Language used	HTML,CSS
External link / Dependencies	Yes
Responsive	Yes

Last but not the least, a footer with a lot of links to other webpages and social media icons. Blue color might be too bright for your taste.

Video Output:

Portfolio Website using HTML and CSS (Source Code)

That’s it folks. In this article, we shared 15+ Bootstrap footer with cool and different designs. We covered everything from simple and minimal footers to footers previews and testimonials. Hope you liked this article. Share this with your fellow developers. Comment down below your thoughts and suggestions

See our other articles on codewithrandom and gain knowledge in Front-End Development.

Thank you.