Exemplos
Inicie rapidamente um projeto com qualquer um de nossos exemplos, desde o uso de partes da estrutura até componentes e layouts personalizados.
Baixe o código fonteNovos 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.
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.
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.