Engenheiros de desenvolvimento, usando o Bootstrap, desenvolvedores de front-end, usando a fundação . Vamos falar sobre o porquê.
Existem muitas diferenças importantes entre Bootstrap e Foundation, mas acho que você só precisa se lembrar de uma coisa:
Os dois conceitos de design de Zurb e Twitter são muito claros, pois podem ser vistos com a nomeação de suas próprias estruturas: Bootstrap significa Bootstrap, Bootstrap, em outras palavras, ele tenta lidar com tudo o que você precisa em seu projeto. Fundação significa criação, criação, em outras palavras, apenas oferece uma forte criatividade em seu projeto.
Mantendo essa visão, agora vou listar mais das principais diferenças entre os dois:
1. Elementos da interface do usuário
A fundação organiza apenas alguns elementos limitados, enquanto o Bootstrap oferece todos os elementos que você pode imaginar.
A meta de design de Zurb para a fundação é que, mesmo que você use elementos de interface do usuário predefinidos, ela não deve parecer muito semelhante ao seu site.
Por outro lado, o Bootstrap tenta fornecer todos os elementos de interface do usuário definidos.
2. Rems vs pixels
A fundação usa REMS, enquanto o bootstrap usa pixels .
Usar pixels significa que você deve definir com precisão a altura, a largura, as margens internas, as margens externas de um componente e em cada dispositivo e tamanho da tela, porque diferentes dispositivos tendem a ter uma grande diferença nos efeitos de exibição.
Agora a Fundação 5 usa Rems, não Em. Isso evita o problema da cascata do EM.
Usar REMS significa que você pode usar o tamanho da fonte: 80%; Para reduzir o componente inteiro e seus subcomponentes em 20%.
Vale ressaltar que, com o REMS, você pode se livrar dos detalhes dos pixels, por isso vale a pena usar o REMS para lidar com eles.
A fundação também fornece um método de mixin de SASS para converter pixels em REMS, para que você possa continuar usando o método de pensamento dos pixels para definir páginas:
.Element {Width: Rem-Calc (10px); // será convertido em Rems}3. Grade flexível versus grade predefinida
A grade da fundação pode se adaptar automaticamente à largura do navegador atual. Boostrap predefinou vários tamanhos de grade para se adaptar aos dispositivos e telas convencionais.
O Bootstrap mudará de repente sua grade quando você alterar a largura do navegador.
A fundação se adaptará flexivelmente à largura atual do navegador. Este é um novo método técnico. Embora se adapte automaticamente, ele pode executar o mesmo efeito que o transformador.
A fundação tem dois pontos -chave quando a grade muda: pequena, média e grande. Todas as operações são reduzidas e ampliadas e adaptadas apenas à largura do navegador atual. Os tamanhos de tela predefinidos não são necessários e o motivo mais importante é que você é incentivado a definir diferentes estilos com base no tamanho da tela.
Usando o bootstrap, você obtém uma malha fixa ou coletor, o que significa que você precisa definir ou não uma largura predefinida para o contêiner de malha.
Com a fundação e o SASS, você pode ajustar livremente o tamanho da maior grade (médio e pequeno são calculados automaticamente), o número de colunas para telas grandes e o número de colunas para telas pequenas.
4. Os dispositivos móveis são preferidos vs. dispositivos móveis também são suportados
A Fundação foi projetada com qualquer tela de quatro cantos em mente. O Bootstrap foi projetado com pré-dividido em: telefones celulares, tablets, desktops e desktops com telas de grandes dimensões .
Construir um site móvel primeiro que suporta dispositivos móveis significa que certamente está disponível em uma tela maior. Portanto, a fundação incentiva você a fazer isso: Mobile-primeiro.
Se você usar o mixin Sass Media Sass Mixin, descobrirá que não há consulta de mídia específica para consultar o que é um dispositivo móvel, mas você usa a consulta de mídia para definir como ela deve ser exibida em uma tela maior.
Se você considerar os computadores da área de trabalho ao projetar coisas, poderá encontrar grandes problemas ao oferecer suporte a telas menores. Se você considerar seu telefone primeiro, se concentrará no que é mais importante para os usuários e aumentará seu senso de espaço.
5. Comunidade
O Bootstrap tem uma comunidade maior. E com a fundação, você precisa ser mais autossuficiente.
O grande destaque do bootstrap é a comunidade. É muito enorme, com tudo incluído, e você pode encontrar quase tudo o que quiser.
Se você escolher a base, a autoconfiança pode ser algo que você precisa dominar. Quase todas as soluções são para bootstrap, e você só pode construir o seu.
para concluir
Faça -se algumas perguntas:
Você quer que algo seja mais útil ou torne mais realista?
Deseja organizar seu próprio CSS e apenas torná -lo seu componente subjacente?
As respostas são: Bootstrap. Fundação .
Se você ainda deseja estudar em profundidade, pode clicar aqui para estudar e anexar 3 tópicos interessantes a você:
Tutorial de aprendizado de bootstrap
Tutorial prático de bootstrap
Tutorial de uso de plug-in bootstrap
Esta é uma comparação interessante? Espero que seja útil que todos entendam o Bootstrap 3 e a Fundação 5.