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
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 Leioutes
Alguns leioutes free da Internet muito bons
Carrosel
Um elegante carrosel de imagens em destaque
Cards
Um elegante cartão de apresentação - Baralho(Deck) de Cartas
Cards
Um elegante cartão de apresentação - Colunados
Cards
Um elegante cartão de apresentação - Texto e Imagens
Cards
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