freeCodeCamp/guide/portuguese/css/css-frameworks/css-framework-bulma/index.md

1.3 KiB

title localeTitle
CSS Framework Bulma Bulma da CSS Bulma

Bulma da CSS Bulma

O Bulma é um framework CSS moderno baseado no Flexbox e altamente personalizável usando o Sass (SCSS).

Começando

Aqui está um modelo HTML simples que inclui o último CSS compilado e minimizado para a biblioteca Bulma.


    <!DOCTYPE html> 
    <html lang="en"> 
      <head> 
        <meta charset="utf-8"> 
        <meta name="viewport" content="width=device-width, initial-scale=1"> 
        <title>Bulma Template</title> 
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> 
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.0.23/css/bulma.min.css"> 
      </head> 
      <body> 
        <h1>Hello World</h1> 
        <!-- Add all HTML Code here --> 
      </body> 
    </html> 

Nós usamos um CDN neste exemplo, mas você pode verificar outras formas de instalar o Bulma aqui .

Recursos de aprendizagem

  • A documentação oficial do Bulma está disponível aqui .
  • Confira o repositório GitHub de código aberto do Bulma aqui .