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 screenshot](../assets/img/examples/album.png)
Album
Simple one-page template for photo galleries, portfolios, and more.
![Pricing screenshot](../assets/img/examples/pricing.png)
Pricing
Example pricing page built with Cards and featuring a custom header and footer.
![Checkout screenshot](../assets/img/examples/checkout.png)
Checkout
Custom checkout form showing our form components and their validation features.
![Product screenshot](../assets/img/examples/product.png)
Product
Lean product-focused marketing page with extensive grid and image work.
![Cover screenshot](../assets/img/examples/cover.png)
Cover
A one-page template for building simple and beautiful home pages.
![Carousel screenshot](../assets/img/examples/carousel.png)
Carousel
Customize the navbar and carousel, then add some new components.
![Blog screenshot](../assets/img/examples/blog.png)
Blog
Magazine like blog template with header, navigation, featured content.
![Dashboard screenshot](../assets/img/examples/dashboard.png)
Dashboard
Basic admin dashboard shell with fixed sidebar and navbar.
![Sign-in screenshot](../assets/img/examples/sign-in.png)
Sign-in
Custom form layout and design for a simple sign in form.
![Sticky footer screenshot](../assets/img/examples/sticky-footer.png)
Sticky footer
Attach a footer to the bottom of the viewport when page content is short.
![Sticky footer navbar screenshot](../assets/img/examples/sticky-footer-navbar.png)
Sticky footer navbar
Attach a footer to the bottom of the viewport with a fixed top navbar.
Framework
Examples that focus on implementing uses of built-in components provided by Bootstrap.
![Starter template screenshot](../assets/img/examples/starter-template.png)
Starter template
Nothing but the basics: compiled CSS and JavaScript.
![Grid screenshot](../assets/img/examples/grid.png)
Grid
Multiple examples of grid layouts with all four tiers, nesting, and more.
![Jumbotron screenshot](../assets/img/examples/jumbotron.png)
Jumbotron
Build around the jumbotron with a navbar and some basic grid columns.
Navbars
Taking the default navbar component and showing how it can be moved, placed, and extended.
![Navbars screenshot](../assets/img/examples/navbars.png)
Navbars
Demonstration of all responsive and container options for the navbar.
![Navbar static screenshot](../assets/img/examples/navbar-static.png)
Navbar static
Single navbar example of a static top navbar along with some additional content.
![Navbar fixed screenshot](../assets/img/examples/navbar-fixed.png)
Navbar fixed
Single navbar example with a fixed top navbar along with some additional content.
![Navbar bottom screenshot](../assets/img/examples/navbar-bottom.png)
Navbar bottom
Single navbar example with a bottom navbar along with some additional content.
Experiments
Examples that focus on future-friendly features or techniques.
![Floating labels screenshot](../assets/img/examples/floating-labels.png)
Floating labels
Beautifully simple forms with floating labels over your inputs.
![Offcanvas screenshot](../assets/img/examples/offcanvas.png)
Offcanvas
Turn your expandable navbar into a sliding offcanvas menu.