Get access to an awe-inspiring collection Of 87 Beautiful Wordpress themes for the price of one Get it now Ad

Bootstrap templates

Bootstrap 3 & 4 Templates

We usually release one or two Free Bootstrap templates per month. At the moment there are 37 Free and Premium Bootstrap themes and templates carefully prepared for your personal or commercial use.

At the moment, many templates are in Bootstrap 3 and more and more templates are already in Bootstrap 4 supporting all its great new features.

All of the templates are coded with care, fully responsive and cross-browser compatible. Many of them come also with 5+ colour variants to choose from. Enjoy and have fun!

Info on how to modify the templates

Bootstrap 4 Admin Dashboard
Bootstrap 4

Bootstrap 4 Admin Dashboard

Bootstrap Dashboard is a Bootstrap Admin freebie with 6 different HTML page templates, all of them with 6 colour variants. Included are the main dashboard screen, tables, charts, login screen and more.

With more than 40,000 downloads and more than 120 5  reviews, it is one of Bootstrapious' most popular templates. There are frequent free updates too.

View template

Bootstrap 4 Material Admin
Bootstrap 4

Bootstrap 4 Material Admin

Bootstrap 4 Material admin is a free Bootstrap 4 admin template. Its UI and design was inspired by Google's Material design framework. It contains 6 HTML page templates, all of them in 6 colour variants. Pages included in this template: - Main dashboard with 14 different widget types, - Demo tables - 4 demo table styles, - Charts - Custom styled line charts, bar charts, doughnut, pie chart and more, - Forms screen - showcase of all custom styled form elements you can use,…

View template

Ad

Ad

Universal - Business & E-commerce Template
B3 & B4

Universal - Business & E-commerce Template

Universal is a clean and stylish universal website template, now updated to Bootstrap 4. It stands out with its clean design and elegant typography. It is one of the most complex free Bootstrap templates and with almost 100k downloads (as of December 2018), it is also my most popular Bootstrap freebie. This template includes 45 HTML pages so you should have everything you need to start developing new business, portfolio or e-commerce website. Along with the 45 pages, you will get also 11…

View template

Obaju E-commerce template
Bootstrap 4

Obaju E-commerce template

Obaju is a free and complex Bootstrap 4 template for your next e-commerce project. It contains 22 HTML pages that cover all the major needs when building a new e-commerce site: - homepage, - category listing (3 variants), - product detail, - shopping cart and order process (5 pages), - customer pages (5 pages), - blog and post templates, - 404 page, - text page (2 variants), - contact page with Google map and contact form, This e-commerce template also includes:…

View template

Places - Bootstrap 4 Directory Template
Bootstrap 4
Premium

Places - Bootstrap 4 Directory Template

Places is a clean and fresh Bootstrap 4 directory template. This template comes with 8 complete page templates, each of them in 6 colour variants - red, pink, violet, blue, sea blue and green. Check out the live demo. You can use this template for: - Restaurants directory, - Hotels directory, - Real estate directory or comparison site, - Gyms, Pharmacies, Holiday rental directories and other local business directories, online business directories, For even smoother…

View template

Hub - Bootstrap 4 E-Commerce Template
Bootstrap 4
Premium

Hub - Bootstrap 4 E-Commerce Template

Hub is a clean and fresh Bootstrap 4 e-commerce template. This template comes with 28 complete page templates, each of them in 6 colour variants - red, pink, violet, blue, sea blue and green. Your own colour variant of this template can be easily created by modifying template's SASS files that are included in the template package. Pages included - Homepage (3 variants - classic, parallax sections, video background), - Category listing (4 variants), - Product detail, -…

View template

Ad

Ad

Single product e-commerce template
B3 & B4
Premium

Single product e-commerce template

T-Shirt store is a single-product Bootstrap 4 e-commerce templateIt's great for selling a single product or small product range

It contains three most important pages that you might need: homepage (with a range of useful elements)text page and a shopping cart page with a payment form, including the JavaScript form validation. 

Built with Bootstrap 4.3.1.

View template

IT Worker - Portfolio Theme
Bootstrap 4

IT Worker - Portfolio Theme

IT Worker could be your new perfect portfolio template. It contains all the necessary elements for a successful portfolio, is based on one of the latest Bootstrap versions and is fully responsive. Although for free, this template comes with many cool features including: - Image slider for each referenced project, - Filterable portfolio, - Testimonials carousel, - Cool on-page animations, - Styled google map , - Animated counters for projects with parallax background, - 6…

View template

Bootstrap 4 Dashboard Premium
Bootstrap 4
Premium

Bootstrap 4 Dashboard Premium

Bootstrap 4 Dashboard Premium is a premium version of my Bootstrap Dashboard template. This template contains all the UI elements that come with the free version and many premium components and plugins. SASS files are also included in the download. There are 26 HTML page templates, all of them in 6 colour variants. Pages included in this template: - Main dashboard with 14 different widget types, - Basic demo tables - 4 demo table styles, - Data Table - advanced data table with…

View template

Bootstrap 4 Material Admin Premium
Bootstrap 4
Premium

Bootstrap 4 Material Admin Premium

Bootstrap 4 Material Admin Premium is a premium version of my Bootstrap 4 admin template. Its UI and design were inspired by Google's Material design framework. This template contains all the UI elements that come with the free version and many premium components and plugins. SASS files are also included in the download. There are 23 HTML page templates, all of them in 6 colour variants. Pages included in this template: - Main dashboard with 14 different widget types, - Basic…

View template

Ad

Ad

Bootstrap Blog
Bootstrap 4

Bootstrap Blog

Bootstrap Blog is a free Bootstrap 4 blog template. Minimalistic design, mostly grayscale elements. Included are 3 HTML page templates - Homepage, Category page and Blog post. Seven colour variants.

More than 10,000 users trusted this template.

View template

Screen - One-page scroll theme
Bootstrap 4

Screen - One-page scroll theme

Screen is nice one-page theme implementing one-page scroll. You can use it in many ways - to build a portfolio, tell a story, present your pictures. This Free Bootstrap template is built with Bootstrap 4, so fully responsive and should be working well on a majority of the devices out there :) Big thanks to Andreas for the intro picture and Pete for the one-page plugin.

View template

Agency Portfolio Theme
Bootstrap 4

Agency Portfolio Theme

Agency is our new free portfolio theme that comes with 7 predefined colour variants. You can use it for your agency or personal portfolio. Agency is built with Bootstrap 4, therefore fully responsive. It contains a nice intro picture with colour overlay, Scrollspy and sticky navbar, styled LeafletJS Open Street maps, styled contact form and much more. Check out the live preview!

View template

Minimal E-commerce Theme
B3 & B4
Premium

Minimal E-commerce Theme

Minimal is a minimalistic responsive e-commerce template built with Bootstrap 4.1.1. (You will find a Bootstrap 3 version of this template in the download too). It stands out with its clean design and elegant typography. This template includes 25 HTML pages, all in 7 colour variants so you should have everything you need to start developing a new e-commerce website. SASS files included in the download! (LESS files in the Bootstrap 3 version) This Bootstrap template contains 25 pages,…

View template

Landy
Bootstrap 4

Landy

Landy is a free Bootstrap 4 landing page template. It contains 2 HTML page templates, all of them in 6 colour variants. The core of this template is the one-page home with many useful sections: - hero section, - text section, - main features, - browser screenshots slider to present the main functionalities, steps or screenshots of your app (just paste your images, browser mockup is part of the template ;) ), - another features section, - clients' testimonials, -…

View template

Bubbly - Admin template
Bootstrap 4

Bubbly - Admin template

Bubbly is the newest member in Bootstrapious admin templates family. Its design language follows the current design trends - pastel colours, subtle shadows, rounded corners. This Bootstrap dashboard contains 5 responsive HTML pages, all of them in 6 colour variants. Pages included in this template: - Main dashboard with 10 different widget types, - Demo tables - 4 demo table styles, - Charts - Custom styled line charts, bar charts, doughnut, pie chart and more, - Forms screen -…

View template

How to modify a Bootstrap Template

Almost everyone will be able to modify Bootstrapious templates but you will need a basic knowledge and understanding of HTML and CSS. My templates are coded with care and their code is easy to read. Many of Bootstrapious fans use my themes as a way to learn Bootstrap, so there is really nothing to worry about.

In the next few paragraphs, I will try to describe how to do the most basic edits and start using my templates quickly.

1. Download a text editor

You can use a basic text editor like Notepad but I would like to recommend one of these three: Sublime Text, Atom or VS Code. All of them are very fast, they will highlight your HTML and CSS syntax and can be extended with many additional plugins. I personally use VS Code on Windows 10.

2. Extract the template files

All Bootstrapious downloads come as .zip files. To start working with the template files, extract them to your hard drive. Now you are ready to start with the modifications to the template.

3. Content changes

3.1. Basic HTML editing

To change a homepage of your new website, open an index.html file in your text editor and edit it there. 

3.2. Navigation

Do not forget to change links in your navbar appropriately. If you are not creating a one-page website, an active page needs to have a .active class in the navbar to be properly highlighted. Unfortunately, there is no easy way to do this automatically in HTML, so you have to do it manually. 

4. Appearance changes

4.1. A file to save the CSS changes

To add new CSS declarations or to update the current stylesheets, you can a) edit the original source file (e.g. style.default.css) or store your changes in a custom.css file (recommended).

The reason I encourage overriding the CSS in a separate file is because of the template's future updates. When a new update for the template is released, you can just overwrite the original files but your changes will remain intact in a separate custom.css file. Bootstrapious templates also use this approach in relation to Bootstrap framework - everything is kept in a separate file.

4.2. Change template colour

Almost every Bootstrapious template, both free and premium, come with 5 or 6 colour variants out of the box. To change to a different colour variant find <link href="css/style.default.css"> in your template's <head> and replace it with e.g. <link href="css/style.green.css">. This simple change will not only style all template's elements but also all standard Bootstrap features like pagination, blockquote, buttons, tabs and more.  

4.3. {LESS} files compilation

Premium templates contain also {LESS} source files. These are great to make bigger changes to the CSS stylesheets or to create your own colour variants super easily. You will need a compiler to compile {LESS} files to CSS after your changes. I use WinLess (Windows only), another good choice is Koala (multiplatform).

5. JavaScript settings and changes

Each template uses a different set of plugins and you can have a look at the complete list of the JS plugins in the readme.txt in your download file. Plugins are initialised and set in the front.js file located in a js folder. If you would like to tweak the settings of some particular plugin, consult again the readme file and check out plugin's project URL.

6. Additional components

6.1. Contact forms

Some templates contain also a skeleton for a contact form but usually, no backend code is included.

If you would like to choose PHP for your form's backend, I created a step-by-step tutorial on this topic. Before implementing this solution, make sure that your hosting supports PHP 5.3+.

6.2. Google maps

Some templates also come with Google maps sections or pages. From 2017, the Google maps need an API key to work correctly on your website. In some templates, an API key is provided but it is limited to local development and Bootstrapious.com domain, so you will have to generate it for your production usage anyway. To get your Google maps API head here. When you have your API key ready, just paste it to your Google maps JS call as in the following example. 

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBu5nZKbeK-WHQ70oqOWo-_4VmwOwKP9YQ"></script>

You can find more info about Google maps and their integration to my templates in my Google maps tutorial.

6.3. Social icons

Would like to have Social icons on your page? Many of my Bootstrap templates have the icons already prepared, you just need to give them life.

There are two easy solutions. The first is to add links to social network sharing scripts, find out more about Social icons and share URLs in my tutorial. I recommend this solution as it will not add any additional data load to your website and everything will be nice and swift.

The second solutions are SumoMe's share buttons. Find out more about SumoMe Share installation.

6.4. Collecting emails

Many of my free Bootstrap themes also contain a form to collect email addresses. The form is not set for any email provider but its setup is very easy and straightforward. One of the most common emailing providers is MailChimp. More info on Bootstrap and MailChimp integration in my tutorial. 

6.5. Icon fonts

Almost every Bootstrap template you will find here uses Font Awesome icon font. This icon set contains almost 700 useful icons. To find out what these are, check out Font Awesome cheat sheet. I also use icon sets from Pixeden or Flat Icons. If you would want to add some more icons or change an icon style a bit, have a look at my curated list of free icon fonts.

Share on Facebook Share on Twitter Share on LinkedIn