Bulmaは、オープンソースで開発されている無料のCSSフレームワークです。[CSSフレームワーク]Bulma当ブログでは、CSSフレームワークの「Bulma」の使い方を日本語ドキュメントとしてまとめています。Bulmaの学習、クラスのリ...記事を読むBulmaのクラス(部品)を組み合わせてWebページを作成するBulma今回は、Bulmaが提供してくれている様々なクラスを使用して一般的なWebページを作成したいと思います。[CSSフレームワーク]BulmaWebページでは、ケースに合わせて様々なスタイルのフォントを使用します。[CSSフレームワーク]BulmaBulmaでは、すべての方向にマージンとパディングのヘルパークラスが提供されています。[CSSフレームワーク]BulmaWebページでは、水平方向に左寄せではなく、中央に要素(ブロック)を配置したい場合があります。[CSSフレームワーク]BulmaWebページでは、ヘッダーと共にフッターを設けるのが一般的です。[CSSフレームワーク]BulmaWebページでは、ページ内の一定の範囲を見出し(h1~h6)ごとや、何らかの区切り、かたまりなどで分けます。[CSSフレームワーク]BulmaWebページをデザインしていると、横幅いっぱいに広がったバナーを配置したい時があります。Bulma]BulmaCSSフレームワークのBulmaには、入力フォームのスタイルを設定するための様々なクラスが用意されています。Bulma]BulmaCSSフレームワークのBulmaを利用することで、WebページのUIを簡単に実装することができます。