Bootstrap Examples


Quickly get a project started with any of our examples ranging from using parts of the framework to custom components and layouts.

Download source code

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


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

Pricing screenshot


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

Checkout screenshot


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

Product screenshot


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

Cover screenshot


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

Carousel screenshot


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

Blog screenshot


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

Dashboard screenshot


Basic admin dashboard shell with fixed sidebar and navbar.

screenshot


Custom form layout and design for a simple sign in form.

Sticky footer screenshot

Sticky footer

Attach a footer to the bottom of the viewport when page content is short.

Sticky footer navbar screenshot

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 screenshot

Starter template

Nothing but the basics: compiled CSS and JavaScript.

Grid screenshot


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

Jumbotron screenshot


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.

Navbars screenshot


Demonstration of all responsive and container options for the navbar.

Navbar static screenshot

Navbar static

Single navbar example of a static top navbar along with some additional content.

Navbar fixed screenshot

Navbar fixed

Single navbar example with a fixed top navbar along with some additional content.

Navbar bottom screenshot

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 screenshot

Floating labels

Beautifully simple forms with floating labels over your inputs.

Offcanvas screenshot


Turn your expandable navbar into a sliding offcanvas menu.


Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do

Você está comentando utilizando sua conta Sair /  Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair /  Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair /  Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair /  Alterar )


Conectando a %s