Componentes personalizados

Novos componentes e modelos para ajudar as pessoas a começar rapidamente com o Bootstrap e demonstrar as melhores práticas para adicionar à estrutura.

Álbum

Modelo simples de uma página para galerias de fotos, portfólios e muito mais.

Preços

Exemplo de página de preços criada com Cartões e com cabeçalho e rodapé personalizados.

Confira

Formulário de checkout personalizado mostrando nossos componentes de formulário e seus recursos de validação.

produtos

Página de marketing enxuta com foco no produto com extenso trabalho de grade e imagem.

Cobrir

Um modelo de uma página para criar páginas iniciais simples e bonitas.

Carrossel

Personalize a barra de navegação e o carrossel e adicione alguns novos componentes.

Blogue

Revista como modelo de blog com cabeçalho, navegação, conteúdo em destaque.

Painel

Shell básico do painel de administração com barra lateral e barra de navegação fixas.

Entrar

Layout e design de formulário personalizado para um formulário de entrada simples.

Rodapé fixo

Anexe um rodapé à parte inferior da janela de visualização quando o conteúdo da página for curto.

Navbar de rodapé fixo

Anexe um rodapé à parte inferior da viewport com uma barra de navegação superior fixa.

Estrutura

Exemplos que se concentram na implementação de usos de componentes internos fornecidos pelo Bootstrap.

Modelo inicial

Nada além do básico: CSS compilado e JavaScript.

Rede

Vários exemplos de layouts de grade com todas as quatro camadas, aninhamento e muito mais.

Jumbotron

Construa em torno do jumbotron com uma barra de navegação e algumas colunas de grade básicas.

Pegando o componente padrão da barra de navegação e mostrando como ele pode ser movido, posicionado e estendido.

Barras de navegação

Demonstração de todas as opções responsivas e de contêiner para a barra de navegação.

Barra de navegação estática

Exemplo de barra de navegação única de uma barra de navegação superior estática junto com algum conteúdo adicional.

Barra de navegação corrigida

Exemplo de barra de navegação única com uma barra de navegação superior fixa juntamente com algum conteúdo adicional.

Parte inferior da barra de navegação

Exemplo de barra de navegação única com uma barra de navegação inferior junto com algum conteúdo adicional.

Experimentos

Exemplos que se concentram em recursos ou técnicas amigáveis ​​para o futuro.

Etiquetas flutuantes

Formulários maravilhosamente simples com rótulos flutuantes sobre suas entradas.

Offcanvas

Transforme sua barra de navegação expansível em um menu deslizante fora da tela.


Vá mais longe com os temas Bootstrap

Precisa de algo mais do que esses exemplos? Leve o Bootstrap para o próximo nível com temas premium do mercado oficial de temas do Bootstrap . Eles são construídos como seus próprios frameworks estendidos, ricos em novos componentes e plugins, documentação e ferramentas de construção poderosas.

Procurar temas
Temas de inicialização