- Examples
- Starters
- CDN starter
- Sass & JS
- Sass & ESM JS
- Bootstrap color modes
- Bootstrap Icons
- Parcel
- React
- Vite
- Vue
- Webpack
- Snippets
- Headers
- Heroes
- Features
- Sidebars
- Footers
- Dropdowns
- List groups
- Modals
- Badges
- Breadcrumbs
- Buttons
- Jumbotrons
- Custom Components
- Album
- Pricing
- Checkout
- Product
- Cover
- Carousel
- Blog
- Dashboard
- Sign-in
- Sticky footer
- Sticky footer navbar
- Jumbotron
- Framework
- Starter template
- Grid
- Cheatsheet
- Cheatsheet RTL
- Navbars
- Navbars
- Navbars offcanvas
- Navbar static
- Navbar fixed
- Navbar bottom
- Offcanvas navbar
- RTL
- Album RTL
- Checkout RTL
- Carousel RTL
- Blog RTL
- Dashboard RTL
- Integrations
- Masonry
- Go further with Bootstrap Themes
- Free Bootstrap Website Templates
- Free Bootstrap template for corporate — Moderna
- Ninestars — Free Bootstrap 3 theme for creative
- Squadfree — Free Bootstrap template for creative
- Green — Free one page HTML Bootstrap template
- Nice Admin — Free bootstrap admin HTML template
- Gp — Free Multipurpose HTML Bootstrap Template
- MyResume — Bootstrap Resume and Portfolio Template
- Day — Multipurpose HTML Template
- Groovin — Free Bootstrap Theme
- Sailor — Bootstrap Business Template
- Tempo — Free Onepage Bootstrap Theme
- Vesperr — Creative Bootstrap Template
- Selecao — Agency Bootstrap Template
- Lumia — Bootstrap Business Template
- Imperial — Free Onepage Bootstrap Theme
- Regna Bootstrap Theme
- Avilon Bootstrap Landing Page Template
- Reveal Bootstrap Theme
- Folio Bootstrap Portfolio Template
- eBusiness Bootstrap Corporate Template
- eStartup — Bootstrap Landing Page Template
Examples
Quickly get a project started with any of our examples ranging from using parts of the framework to custom components and layouts.
Starters
Functional examples of using Bootstrap in common JS frameworks like Webpack, Parcel, Vite, and more you can edit in StackBlitz.
CDN starter
Instantly include Bootstrap’s compiled CSS and JavaScript via the jsDelivr CDN.
Sass & JS
Use npm to import and compile Bootstrap’s Sass with Autoprefixer and Stylelint, plus our bundled JavaScript.
Sass & ESM JS
Import and compile Bootstrap’s Sass with Autoprefixer and Stylelint, and compile our source JavaScript with an ESM shim.
Bootstrap color modes
Import and compile Bootstrap’s Sass with Stylelint, and the Bootstrap color modes.
Bootstrap Icons
Import and compile Bootstrap’s Sass with Stylelint, PurgeCSS, and the Bootstrap Icons web font.
Parcel
Import and bundle Bootstrap’s source Sass and JavaScript via Parcel.
React
Import and bundle Bootstrap’s source Sass and JavaScript with React, Next.js, and React Bootstrap.
Vite
Import and bundle Bootstrap’s source Sass and JavaScript with Vite.
Vue
Import and bundle Bootstrap’s source Sass and JavaScript with Vue and Vite.
Webpack
Import and bundle Bootstrap’s source Sass and JavaScript with Webpack.
Snippets
Common patterns for building sites and apps that build on existing components and utilities with custom CSS and more.
Headers
Display your branding, navigation, search, and more with these header components
Heroes
Set the stage on your homepage with heroes that feature clear calls to action.
Features
Explain the features, benefits, or other details in your marketing content.
Sidebars
Common navigation patterns ideal for offcanvas or multi-column layouts.
Footers
Finish every page strong with an awesome footer, big or small.
Dropdowns
Enhance your dropdowns with filters, icons, custom styles, and more.
List groups
Extend list groups with utilities and custom styles for any content.
Modals
Transform modals to serve any purpose, from feature tours to dialogs.
Badges
Make badges work with custom inner HTML and new looks.
Breadcrumbs
Integrate custom icons and create stepper components.
Buttons
Create custom buttons for just about any use case with utilities.
Jumbotrons
Create modernized versions of the classic Bootstrap component.
Custom Components
Brand-new components and templates to help folks quickly get started with Bootstrap and demonstrate best practices for adding onto the framework.
Album
Simple one-page template for photo galleries, portfolios, and more.
Pricing
Example pricing page built with Cards and featuring a custom header and footer.
Checkout
Custom checkout form showing our form components and their validation features.
Product
Lean product-focused marketing page with extensive grid and image work.
Cover
A one-page template for building simple and beautiful home pages.
Carousel
Customize the navbar and carousel, then add some new components.
Blog
Magazine like blog template with header, navigation, featured content.
Dashboard
Basic admin dashboard shell with fixed sidebar and navbar.
Sign-in
Custom form layout and design for a simple sign in form.
Sticky footer
Attach a footer to the bottom of the viewport when page content is short.
Sticky footer navbar
Attach a footer to the bottom of the viewport with a fixed top navbar.
Jumbotron
Use utilities to recreate and enhance Bootstrap 4’s jumbotron.
Framework
Examples that focus on implementing uses of built-in components provided by Bootstrap.
Starter template
Nothing but the basics: compiled CSS and JavaScript.
Grid
Multiple examples of grid layouts with all four tiers, nesting, and more.
Cheatsheet
Kitchen sink of Bootstrap components.
Cheatsheet RTL
Kitchen sink of Bootstrap components, RTL.
Navbars
Taking the default navbar component and showing how it can be moved, placed, and extended.
Navbars
Demonstration of all responsive and container options for the navbar.
Navbars offcanvas
Same as the Navbars example, but with our offcanvas component.
Navbar static
Single navbar example of a static top navbar along with some additional content.
Navbar fixed
Single navbar example with a fixed top navbar along with some additional content.
Navbar bottom
Single navbar example with a bottom navbar along with some additional content.
Offcanvas navbar
Turn your expandable navbar into a sliding offcanvas menu (doesn’t use our offcanvas component).
RTL
See Bootstrap’s RTL version in action with these modified Custom Components examples.
RTL is still experimental and will evolve with feedback. Spotted something or have an improvement to suggest?
Album RTL
Simple one-page template for photo galleries, portfolios, and more.
Checkout RTL
Custom checkout form showing our form components and their validation features.
Carousel RTL
Customize the navbar and carousel, then add some new components.
Blog RTL
Magazine like blog template with header, navigation, featured content.
Dashboard RTL
Basic admin dashboard shell with fixed sidebar and navbar.
Integrations
Integrations with external libraries.
Masonry
Combine the powers of the Bootstrap grid and the Masonry layout.
Go further with Bootstrap Themes
Need something more than these examples? Take Bootstrap to the next level with premium themes from the official Bootstrap Themes marketplace. They’re built as their own extended frameworks, rich with new components and plugins, documentation, and powerful build tools.
- Designed and built with all the love in the world by the Bootstrap team with the help of our contributors.
- Code licensed MIT, docs CC BY 3.0.
- Currently v5.3.0.
Free Bootstrap Website Templates
Best free and carefully crafted Bootstrap website templates that will help you to start your next website project in no time!
BootstrapMade offers 100% free, beautiful and functional free website templates with clean and modern design. Each template is fully responsive and packed with great features ideal for any type of businesses.
Website templates are the best and easiest way to build a new website these days. Bootstrap is one of the most popular and easy to use HTML, CSS and JavaScript framework. All our templates are built with the latest Version of Bootstrap. We continually improve and update our templates each time new version of Bootstrap is released.
Free Bootstrap template for corporate — Moderna
Moderna is a modern, unique and professional responsive HTML 5 template for corporate business. Moderna comes with different layouts and it is perfect for building a corporate website, SaaS website, agency website. and many more. Moderna is .
Ninestars — Free Bootstrap 3 theme for creative
Ninestars is modern one page Bootstrap HTML template for your business, agency, corporate or startup company. Ninestars is very easy to use and highly customizable. Looks awesome on tablets and mobile devices. We have included best practices .
Squadfree — Free Bootstrap template for creative
Squadfree is a free HTML site template for creatives with simple and modern layout. You can use Squadfree to build all kind of multi purpose website like landing page, business landing page, marketing website, mobile app, software landing page, .
Green — Free one page HTML Bootstrap template
Green is a responsive HTML template perfect to promote your work or your business.This template is adapts to different screen size. It’s compatible with all mobile device. We’ve designed this theme to be mobile optimized, fully responsive. Green .
Nice Admin — Free bootstrap admin HTML template
NiceAdmin is a powerful admin and dashboard template based latest version of Bootstrap framework. It provides a clean and intuitive design that is focused on user experience. The custom plugins included has been carefully customized to fit with .
Gp — Free Multipurpose HTML Bootstrap Template
Gp is a clean and modern website template created with Bootstrap framework. It’s a professional and powerful business consulting template carefully crafted for designer, artists, company, photographer, videographer, architect etc. Gp also could .
MyResume — Bootstrap Resume and Portfolio Template
MyResume is a creative resume and portfolio Bootstrap template. It’s best suited for digital professionals, designers, programmers, photographers, freelancers any other who wants to showcase his work online. MyResume is perfect to promote your .
Day — Multipurpose HTML Template
Day is a multipurpose HTML website template for creatives. You can use it for promotion agencies, analysts, marketing, portfolio, and much more. The template is based on Bootstrap framework with the use of modern technologies.Day template is .
Groovin — Free Bootstrap Theme
Groovin is a modern and responsive free professional Bootstrap website template. It’s suitable for freelancer, agency, corporate, consulting, creative people to showcase their products, services or works. Groovin is built with the latest bootstrap .
Sailor — Bootstrap Business Template
Sailor is a stylish, responsive, and easy-to-use business Bootstrap template. It comes with many features and is designed for many websites, such as corporate business, portfolios, product showcases, creative agencies, business consultants, .
Tempo — Free Onepage Bootstrap Theme
Tempo is a modern one page, free website template created with the latest version of Bootstrap framework. Tempo can be used to build gorgeous looking website fr creative agencies, corporate, personal portfolio, creative blog et. Tempo HTML .
Vesperr — Creative Bootstrap Template
Vesperr is a clean, modern and stylish digital agency website template created with Bootstrap framework. It can be use by agencies, freelancers, corporate business, creative designers or any creative professionals. It comes with smooth interaction .
Selecao — Agency Bootstrap Template
Selecao is a creative and responsive HTML template created with Bootstrap framework. You can use it to quickly represent your company or business and list your portfolio. Designed to be used as one page website, but you can also use it as multi .
Lumia — Bootstrap Business Template
Lumia is a clean, modern, unique multipurpose responsive website template that can be used for a variety of business websites. It’s best suitable for companies, agencies, creative companies, startups, individuals or small businesses to launch .
Imperial — Free Onepage Bootstrap Theme
Imperial is a modern and creative Bootstrap one page template best suitable for creative agencies, studios, digital design agencies or other similar businesses. The header comes with full screen hero part where you can introduce your company. .
Regna Bootstrap Theme
Regna is a sleek Bootstrap 4 template designed for any type of corporate, business or agency websites. It’s a one-page template with clean design, fully responsive and looks stunning on all devices. it’s very easy to use and customize, comes .
Avilon Bootstrap Landing Page Template
Avilon is clean, elegant and modern landing page template for Bootstrap. This template can be used to present and promote any product like mobile app, desktop app, saas applications, digital products, software or any product that needs a single .
Reveal Bootstrap Theme
Reveal is a creative business Bootstrap template. It’s best suitable for businesses, company and corporate related websites. Reveal follows the latest trends and modern design ideas in the webdesign industry. Build your elegant and professional .
Folio Bootstrap Portfolio Template
Folio is a simple, elegant and creative website template for showcase your portfolio or personal information. Folio is responsive website template created with Bootstrap 4. Clean source code and well organized files for easy to customization. .
eBusiness Bootstrap Corporate Template
eBusiness is a multipurpose business template created with Bootstrap framework. You can use the eBusiness theme for all kind of business. Perfectly suits for companies, corporate agencies and for landing pages as well. The eBusiness template .
eStartup — Bootstrap Landing Page Template
eStartup is an elegant and modern Bootstrap template for creating websites for startups, apps websites and more. It comes with many customisable and reusable elements that are designed to fit as many purposes as possible. eStartup can also .