Pagina inicial » Web design » Bulma é o único framework CSS com Flexbox que você precisará

    Bulma é o único framework CSS com Flexbox que você precisará

    Flexbox é um tema quente para os desenvolvedores frontend, pois oferece abordagem moderna aos alinhamentos de CSS. A maioria dos layouts de sites se baseia em flutuações CSS ou porcentagens fixas para manter os blocos de conteúdo alinhados.

    Mas o flexbox muda todas as regras e com um framework como Bulma você pode construir layouts completos no flexbox. Esta é uma nova estrutura CSS ainda nos estágios iniciais de desenvolvimento, mas com muito a oferecer.

    Para um projeto tão jovem, parece que a Bulma está cheia de potencial. Bulma oferece um estrutura moderna de CSS e estratégia responsiva para design de layout. Com flexbox você pode estruturar qualquer número de elementos de bloco para alinhar um ao lado do outro e demolir em certos pontos de interrupção.

    Com uma classe simples de .colunas você pode adicione quantos divs quiser e mantenha o layout consistente. Você pode mudar as classes de coluna para fazer um pouco mais do que outros e ter algum alinhamento de forma diferente.

    O alinhamento horizontal e vertical é super fácil com este framework. Nunca mais você precisará hackear uma solução CSS no último minuto.

    A melhor parte é que os navegadores mais modernos suportam flexbox com exceção do Internet Explorer. Mas com a mudança da Microsoft para o Edge, será muito mais fácil usar uma estrutura como a Bulma sem preocupação com o suporte legado.

    Também vale a pena notar que isso não é apenas um framework flexbox. É uma biblioteca CSS completa com estilos padrão para tipografia, botões, campos de entrada, e outras comuns elementos da página. Bulma é totalmente gratuito e vem com excelente documentação se você estiver disposto a mergulhar e começar a construir.

    E se você não quiser baixar o Bulma localmente, ainda pode testá-lo usando o CDN on-line. A documentação on-line deve ser mais do que suficiente para você começar, particularmente a página de grades que você pode usar para construir uma estrutura de layout completa.

    O Bulma está atualmente na versão 0.2.3, portanto, ele tem um longo caminho a percorrer antes da versão v1.0. Mesmo em sua versão atual ainda é bastante utilizável e oferece muito potencial para o futuro.

    Para saber mais, confira o repositório oficial do GitHub ou visite a página da Bulma para obter instruções de instalação e documentação completa.