1
HTML5ドキュメントタイプを使用する
<!doctype html>
BulmaはCSSライブラリです。これは、HTMLコードをスタイルするために役立つCSSクラスを提供することを意味します。
Bulmaを使用するには、次のいずれかを選択できます
- コンパイル済みの
.cssファイルの1つを使用する - または、
.scssファイルをインストールして、ニーズに合わせてBulmaをカスタマイズできるようにする
スポンサー
Bulmaの概要
Bulmaを使用するには、1つのCSSファイルのみが必要です
コード要件 #
Bulmaが正しく機能するためには、Webページをレスポンシブにする必要があります。
2
レスポンシブなビューポートメタタグを追加する
<meta name="viewport" content="width=device-width, initial-scale=1">スターターテンプレート #
すぐに開始したい場合は、このHTMLスターターテンプレートを使用できます。このコードをファイルにコピー/ペーストして、コンピュータに保存するだけです。
<!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://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css">
</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>