ブルマを使い始める

Feb 2, 2026
操作方法
Bulma
（画像クレジット：ブルマ）

ブルマを使い始めたいですか？あなたは正しい場所にいます。 Bulmaは、単純なFlexBoxグリッドシステムを持つ一般的なCSSフレームワークです。それは他のフレームワークとは軽いアプローチを取っていて、JavaScriptを含まず、その決定を完全に開発者に残して（他のオプションを探るために、のピックを参照するには）。 最高のCSSフレームワーク ）。

このチュートリアルでは、ブルマをインストールする方法を説明し、さまざまなクラスを使用してWebサイトを構築します。クラスがブルマにあるのが多用性のある方法を証明するには、チュートリアルページ全体が1行のCSSを書き込むことなく構築されました。他のオプションが欲しいですか？素晴らしい試してみてください ウェブサイトビルダー 。そしてあなたのサイトが最善で走っていることを確認するために、右を選択してください ウェブホスティング サービス。

Generate flash sale

（画像クレジット：未来）

CSSを生成することは、町で最も熱いウェブイベントです。 20-22からSEPTは、コードを使って半価のためのチケットを拾うことができます FlashSale5。 画像をクリックしてもっと調べます。

01.はじめに

Bulma: get started

（画像クレジット：ブルマ）

新しいディレクトリを作成し、その中に作成します。 index.html ファイル。このファイルをコードエディタで開き、DocType HTMLとResponseve ViewPortタグを使用して、単純なスターターHTML文書を作成します。 

＆lt; DOCTYPY HTML＆GT;
＆lt; html＆gt;
＆lt;頭＆gt;

02.ブルマをインストールします

バルマアウトを使用するボックスは、単一のCSSファイルを追加するのと同じくらい速いです。 CDNを使用するHTML内のリンクを追加します。変数を変更し、フレームワークをより管理する必要がある場合は、 NPMインストールブルマ 使用できます（ フルドキュメント ）。完全な経験のために、フォント素晴らしい5も含まれるべきです。 

 Link Rel = "Stylesheet" href = "https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.5/css/bulma.min.css"＆gt;

操作方法 - 最も人気のある記事

オールドスクールのアナグリフ効果を作成する

操作方法 Feb 2, 2026

（画像クレジット：トラビスナイト） アナグリフ効果は、内容を高く評価するために�..

Houdiniの地形を築く17

操作方法 Feb 2, 2026

Houdini 17では、sidefxはいくつかの新しいツールを導入し、完全に手続き型のある地形を作成する�..

ペンとインクに文字を描く方法

操作方法 Feb 2, 2026

ゲームスタジオのアーティストとして、私は最も伝統的な中心を忘れました、しかしインクは常..

これらのヒントを含むグラファイトからもっとゲットする

操作方法 Feb 2, 2026

過去3年間、私はイラストのための媒体としてグラファイトを使って、最初に機械的鉛筆でのみ�..

19世紀のマスターのようにペイントする方法

操作方法 Feb 2, 2026

19世紀は芸術に素晴らしい時間でした。アーティストは高品質で開催され、一般の人々は芸術に�..

EXPOと原ネイティブのジャンプスタート

操作方法 Feb 2, 2026

リアクトネイティブ JavaScriptを使用してネイティブのモバイルアプリを構築することを�..

BBCのパフォーマンスブースターのキャッシュ

操作方法 Feb 2, 2026

昨年BBCニュースアプリのユーザーテストセッション中に、ユーザーの1人のユーザーが本当に私�..

レスポンシブSVGSのための10ゴールデンルール

操作方法 Feb 2, 2026

SVGの多くの利点 - 無限にスケーラブルなベクトル画像、小さいファイルサイズとDOMとの直接統合..

カテゴリ