- Instrutor: Andrea Neumann
- Palestras 23
- Estudantes 1454
- de duração: 10 semanas
Bootstrap é o framework front-end mais popular para desenvolvimento web mais rápido e fácil. Inclui modelos de design baseados em HTML e CSS para tipografia, formulários, botões, tabelas, navegação, modais, carrosséis de imagens e muitos outros, bem como plugins JavaScript opcionais. O Bootstrap também oferece a capacidade de criar facilmente designs responsivos que se ajustam automaticamente para ter uma boa aparência em todos os dispositivos, de telefones pequenos a grandes desktops.
Procedimentos
Bootstrap usa elementos HTML e propriedades CSS que requerem o tipo de documento HTML5, então você precisa incluir o tipo de documento HTML5 no início da página junto com o conjunto de caracteres correto.
O Bootstrap foi projetado para ser responsivo a dispositivos móveis. Para garantir a renderização adequada e o zoom de toque, adicione a seguinte tag dentro do elemento HTML head.
Containers
O Bootstrap tem seu próprio wrapper para encapsular o conteúdo do site.
A classe container fornece um container de largura fixa responsivo
A classe container-fluid fornece um contêiner de largura total abrangendo toda a largura da janela de visualização.
Você não pode colocar um container dentro de outro container.
Sistema Interligado
O sistema de grade do Bootstrap divide a largura total da página em 12 colunas iguais. Você pode agrupar as colunas para criar colunas mais largas ou usá-las individualmente. Este sistema de grade é responsivo e as colunas serão reorganizadas automaticamente dependendo do tamanho da tela.
1 colar | 1 colar | 1 colar | 1 colar | 1 colar | 1 colar | 1 colar | 1 colar | 1 colar | 1 colar | 1 colar | 1 colar |
2 colar | 2 colar | 2 colar | 2 colar | 2 colar | 2 colar | ||||||
3 colar | 3 colar | 3 colar | 3 colar | ||||||||
4 colar | 4 colar | 4 colar | |||||||||
6 colar | 6 colar | ||||||||||
12 colar |
Classes de grade
O sistema de grade Bootstrap tem quatro classes
xs (para telefones)
sm (para tablets)
md (para desktops)
lg (para desktops maiores)
As classes acima podem ser combinadas para criar layouts mais dinâmicos e flexíveis.
Estrutura básica
1. Crie um wrapper.
2. Crie uma linha para anular a propriedade de preenchimento do wrapper.
3. Crie um div de xs ou sm ou md ou lg conforme necessário. Pessoalmente, prefiro md, pois funciona melhor para todos os dispositivos.
4. O número total de valores de colunas dentro de cada linha deve somar 12.
...
Certificação Gratuita
A Academy Europe apresenta diplomas formais, certificados e certificados eletrónicos de alta qualidade que são prova formal e reconhecimento de cursos online acreditados. Ele mostra todas as habilidades do aluno para aprender e alcançar altos resultados e é muito útil para promover a carreira pessoal, incluindo currículos, candidaturas a empregos e auto-aperfeiçoamento.
Como você pode obter seu certificado na Academy Europe?
- Você deve clicar no link “completar” no final de cada lição do seu curso após terminá-las.
- Quando você terminar todas as aulas do curso, o link “terminar curso” ficará ativo no final da última aula.
- Ao clicar no link “terminar curso”, você terminará oficialmente seu curso na Academy Europe. Então, a página “certificado” do seu curso concluído será automaticamente ativa.
- Você pode ver e baixar seu certificado on-line depois de clicar no link "certificado".
Amostras: Diploma Horizantal – Certificado Horizantal – E-Certificado Vertical
Público
Este tutorial foi destinado aos usuários dispostos a considerar as interações homem-computador como um próximo nível de estudo em sua carreira.
Este curso da Academy Europe visa transmitir educação e treinamento de qualidade aos alunos.
A Academy Europe é dedicada aos seus alunos, seus requisitos específicos de aprendizado e seu sucesso geral de aprendizado.
Este curso é direcionado para um estudo independente e centrado no aluno, com abordagem de aprendizagem assíncrona.
Depois de concluir este curso na Academy Europe, os alunos obterão auto-aperfeiçoamento e promoção em suas carreiras.
Este curso é baseado em pelo menos duas habilidades de aprendizagem que são fornecidas aos usuários por meio de áudio e vídeo, vídeos, apresentações verbais e artigos, todos sincronizados com a abordagem de educação a distância.
Pré-requisitos
O conhecimento básico de Interface Gráfica do Usuário, Programação Orientada a Objetos e ferramentas de software e menus são os únicos pré-requisitos para este tutorial.
Antes de iniciar este curso na Academy Europe, estamos assumindo que você tem uma boa aptidão e pode pensar logicamente. Você deve querer tentar algo diferente.
Os candidatos ideais para o curso normalmente possuem:
- Disciplina e atenção
- Habilidade para realizar pesquisas
– Capacidade de executar tarefas com rapidez, eficiência e precisão
– Julgamento analítico
– Paciência para interpretar dados técnicos/científicos
– Vontade de aprender, arregaçar as mangas e trabalhar em direção ao seu sonho!
– Um computador, tablet ou smartphone e uma ligação à Internet
– Conhecimentos básicos de informática