Bulmaのインストール方法

シンプルな一連の変数を使用して独自のテーマを作成します。

BulmaのCSSファイルを取得します。

Bulma全体を含む単一の.cssファイル

推奨オプション1. CDNを使用する

jsDelivrからCSSファイルを直接インポートできます。

@import "https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css";

<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css"
>

RTLバージョンも利用できます。

@import "https://cdn.jsdelivr.net/npm/[email protected]/css/bulma-rtl.min.css";

<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma-rtl.min.css"
>

Bulmaはcdnjsからも利用できます。

オプション2. GitHubリリースをダウンロードする

GitHubから最新のBulmaリリースを.zipとして取得できます。

または

BulmaのSassライブラリを取得します。

独自のBulmaバージョンを構築するための.sassファイルのコレクション

推奨オプション1. NPMパッケージをインストールする

Bulmaはnpmから利用できます。

npm install bulma

yarn add bulma

Bulmaはcdnjsからも利用できます。

オプション2. GitHubリポジトリをクローンする

BulmaはGitHubで利用できます。

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

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

gh repo clone jgthms/bulma

GitHubリポジトリにはこのドキュメントも含まれているため、NPMパッケージよりも大幅に大きくなります。