Custom Components

Brand new components and templates to help folks quickly get started with Bootstrap and demonstrate best practices for adding onto the framework.


Simple one-page template for photo galleries, portfolios, and more.


Example pricing page built with Cards and featuring a custom header and footer.


Custom checkout form showing our form components and their validation features.


Lean product-focused marketing page with extensive grid and image work.


A one-page template for building simple and beautiful home pages.


Customize the navbar and carousel, then add some new components.


Magazine like blog template with header, navigation, featured content.


Basic admin dashboard shell with fixed sidebar and navbar.


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.


Examples that focus on implementing uses of built-in components provided by Bootstrap.

Starter template

Nothing but the basics: compiled CSS and JavaScript.


Multiple examples of grid layouts with all four tiers, nesting, and more.


Build around the jumbotron with a navbar and some basic grid columns.


Taking the default navbar component and showing how it can be moved, placed, and extended.


Demonstration of all responsive and container options for the navbar.

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.


Examples that focus on future-friendly features or techniques.

Floating labels

Beautifully simple forms with floating labels over your inputs.


Turn your expandable navbar into a sliding offcanvas menu.

Tooltip viewport

There is no explanation! Every things have been deleted!

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.

Browse themes
Bootstrap Themes