BootStrap - Índice de Assuntos
Idioma, Language, Langue, Lingua, Sprache, 言語, Lugha, Tongue, Speech, 언어. Home
Núm. Assunto Descrição
Índice Lista das páginas sobre bootstrap deste site
Referências Técnicas O bootstrap é muito bem documentado e abaixo esta a prova disso
Básico O que você deve saber antes de iniciar com o bootstrap
Básico Tornando a página Resposiva com Media Queries do BootStrap
Página Responsiva A página adequa os elementos de acordo com a janela do browser
Página NÃO Responsiva Uma página HTML Simples sem o bootstrap
Alertas São como label box mas estilizados destinados a enviar mensagens ao documento.
Calculadora Um bonito exemplo de como ficaria uma calculadora num web site com bootstrap.
Cores e Fundos Cor é o que dá vida aos elementos de uma página html.
Botões Botão é uma amostra do potencial do Bootstrap.
Badges Badge significa crachá e são pequenos crachás de mensagens que podemos exibir ou incorporar a um elemento.
Custom Customizando elementos HTML - ChekBox, RadioButtons, Select/Option, Range, File Upload
Exibe-Esconde com efeitos O bootstrap agiliza muito esta tarefa de exibir ou esconder elementos.
Botões Drop-Down Estes botões implementam um bonito menu Drop-Down onde o botão se encontrar.
Media Queries O segredo do Leiaute Responsivo.
Imagens Tirando o antigo estilo de exibir imagens no site...em grande estilo
Um Alert Estiloso É chamado de Modal Heading e é um efeito bonito que exige atenção do usuário.
ProgressBar Melhorando e muito o controle mais feio do desktop.
Dicas - ToolTip Exibe uma mensagem quando o mouse passa sobre o controle
Elementos de Formulário Mostrando o valor do bootstrap em elementos de formulário
List Groups Listas Agrupada de Itens - Belo visual
PopUps Ao clicar num link abre um popup com mensagem.
Paginação Permite 'fatiar' a exibição de um resultado que traria muitos itens e ainda navegar entre essas 'fatias'.
Tabelas Com o uso cada vez menor deste item o bootstrap implementa boas inovações.
Posicionamento de objetos na página Alinhando e posicionando elementos na página
Input Groups Container de tags Input bem estilosos
NavBar Uma barra de navegação muito estilosa
Teste do BootStrap JS Certeza que o JS do BootStrap está funcionando ?
Cartão de Apresentação Exibindo o cartão de apresentação.
Exemplos práticos da Utilização do BootStrap
Exemplo Uma amostra dos recursos do bootstrap
CheckOut Exemplo de uma página de pagamento / saída de um cliente
DashBoard Como o bootstrap pode fazer um dashboard digno de um Power-BI
Carrossel Exibindo um carrossel de imagens
Menus e NavBars Menus e barras de navegação
GRID Exemplos de como utilizar o GRID
Filtros Aplicação de filtros com BootStrap
Exemplos de Leiautes Alguns leiautes free da Internet muito bons
Blog Modelo para uma página de notícias ou Blog informativo
Cards 1 Um elegante cartão de apresentação - Baralho(Deck) de Cartas
Cards 2 Um elegante cartão de apresentação - Colunados
Cards 3 Um elegante cartão de apresentação - Texto e Imagens
Cards 4 Um elegante cartão de apresentação - Só Imagens
99 Documentos BootStrap-Todos Documentos
Importante :
1-O bootstrap é móbile first. Portanto não esquecer de anexar a tag meta :
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
no header da página. Ista tag informa ao bootstrap que a página é mobile.

Clique no assunto para mais detalhes