ブルマを使い始める

Sep 11, 2025
操作方法
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;

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

Babel 7から始めましょう

操作方法 Sep 11, 2025

JavaScriptは、生態系の幅のために一意です。新しい標準が構文砂糖を追加している間、ブラウザ�..

アニメーションのための顔をリグする方法

操作方法 Sep 11, 2025

PlayStation 2のタイトルスーパーマン：私たちが使用したリグの影響を受けていたリグは、ほとん�..

Photoshopのテクスチャの使い方

操作方法 Sep 11, 2025

テクスチャは、伝統的なアートワークとデジタルアートワークの間の行をぼかしたものです。あなたのデジタルアートワークがその背後にあ�..

JavaScriptで誤ったテキスト効果を作成する

操作方法 Sep 11, 2025

テキストやタイポグラフィに効果を紹介することで、全体の新しい視点を追加できます。 ..

すべての電子メールクライアントで完璧なメッセージを作成する

操作方法 Sep 11, 2025

働く電子メールマーケティングキャンペーンのために、電子メールは受信トレイに到達し、他のすべてのものから目立つ必要があります。し�..

表現上の手を塗るための上のヒント

操作方法 Sep 11, 2025

手はおそらく知るために最も難しい解剖学的要素です 塗装方法 彼らが感情を伝える�..

Unreal Engine 4でゲーム環境を作成する

操作方法 Sep 11, 2025

私のUnreal Engine 4プロジェクトを使用して最後の停止を例として、ビデオゲームの生産のためのリ..

クロスデバイス最適化のための15のヒント

操作方法 Sep 11, 2025

すべての機器の設計！ AnnaDahlström. の重要性について話します ..

カテゴリ