How to install Bulma

Created Mar 4, 2021 at 9:38

Bulma is a free, open source framework that provides ready-to-use frontend components that you can easily combine to build responsive web interfaces.

You can download the latest version of Bulma from the GitHub releases or use a Bulma CDN.

You can clone a repository from GitHub.com to your local computer.

Cloning with HTTPS URLs

git clone https://github.com/jgthms/bulma.git

Cloning with SSH URLs

git clone [email protected]:jgthms/bulma.git

Cloning with GitHub CLI

gh repo clone jgthms/bulma

Run the following command to locally install the package and its dependencies with NPM.

Downloading and installing packages locally

npm i bulma

npm install bulma

yarn add bulma

Downloading and installing packages globally

npm i -g bulma

yarn global add bulma

Install Specific Version of a Package

npm install [email protected]

yarn add [email protected]

Bower

bower install bulma

Usage

Starter template: - If you want to get started right away, you can use this HTML starter template. Just copy/paste this code in a file and save it on your computer.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Hello Bulma!</title>
    <link rel="stylesheet" href="https://unpkg.com/bulma">
  </head>
  <body>
  <section class="section">
    <div class="container">
      <h1 class="title">
        Hello World
      </h1>
      <p class="subtitle">
        My first website with <strong>Bulma</strong>!
      </p>
    </div>
  </section>
  </body>
</html>