How can you include Bulma into your project?

Bulma - Interview Questions

Bulma is a CSS library. This means it provides CSS classes to help you style your HTML code.

To use Bulma, you can either use the pre-compiled .css file or install the .sass files so you can customize it to your needs.

Use a CDN :

1. You can import the CSS file directly from jsDelivr:

* CSS : @import "https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css";
* HTML : <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css">

2. The RTL version is also available:

* CSS : @import "https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma-rtl.min.css";
* HTML : <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma-rtl.min.css">

(or)

Get the Bulma Sass library

A collection of .sass files to build your own version of Bulma

Install the NPM package

1. Bulma is available through npm:

* npm : npm install bulma
* yarn : yarn add bulma

2. Clone the GitHub repository :

* SSH : git clone git@github.com:jgthms/bulma.git
* HTTPS : git clone https://github.com/jgthms/bulma.git
* GitHub CLI : gh repo clone jgthms/bulma

Source : Bulma