ボタンにFont Awesomeのアイコンを表示（設定）する [CSSフレームワーク Bulma]
Bulmaのbuttonクラスで作成するボタンでは、Font Awesomeで提供されているアイコンを埋め込むこともできます。 ...
「Bulma」一覧
様々な状態を表すボタンを作成する [CSSフレームワーク Bulma]
BulmaではHTML標準のボタンとは異なる見た目のボタンを簡単に配置することができます。 Bulmaのクラスを利用し...
スタイルを変更したボタンを作成する [CSSフレームワーク Bulma]
Bulmaのボタンクラスを使用するとWebページに簡単にボタンを配置することができます。 以前の記事では、ボタンのカラ...
様々なサイズのボタンを作成する [CSSフレームワーク Bulma]
Bulmaのボタンクラスを使用するとWebページに簡単にボタンを配置することができます。 前回の記事では、ボタンのカラ...
様々な色のカラーボタンを作成する [CSSフレームワーク Bulma]
本ブログでは、以前にBulmaのbuttonクラスを使用することで、簡単にフラットなスタイルのボタンを配置することができることをご紹...
Bulmaのボタン Button [CSSフレームワーク]
Webフォームのデザインでは、ボタンは欠かせない要素です。 ユーザーに何らかの動作を確定、またはキャンセルさせるためにはボタン...
Bulmaのボックス Box [CSSフレームワーク]
Webページをレイアウトしていると、いくつかの要素の集まりを1つのボックスにまとめて配置したい場合があります。 Bulmaには...
Bulmaのブロック Block [CSSフレームワーク]
Webページをレイアウトしていると、適度なスペース（マージン）を確保した領域を配置したい場合があります。 Bulmaには、コン...
Bulmaのグリッドシステム（columns）のオプション [CSSフレームワーク]
CSSフレームワークのBulmaには、Bootstrapのグリッドシステムと同じように、コンテンツを網目状の升目に配置して、Webサ...
Bulmaのグリッドシステム（columns）の列（column）の余白（Gap）を設定する [CSSフレームワーク]
CSSフレームワークのBulmaには、HTMLの要素をグリッド状に配置するためのクラスが用意されています。 Bulmaでグリッ...
Bulmaのグリッドシステム（columns）をレスポンシブWebデザインに対応させる [CSSフレームワーク]
CSSフレームワークのBulmaには、Bootstrapのグリッドシステムと同じように、コンテンツを網目状の升目に配置して、Webサ...
Bulmaのグリッドシステム（columns）列のサイズ指定 [CSSフレームワーク]
前回に引き続き、CSSフレームワークのBulmaを使ったグリッドシステムの使い方について記載します。 前回は、Bulmaのco...
Bulmaのグリッドシステム（columns）の基礎 [CSSフレームワーク]
CSSフレームワークのBulmaにはBootstrapと同様に、要素をグリッドのように格子状に配置するための仕組みが用意されています...
CSSフレームワーク Bulmaを導入（インストール・CDNから参照）する
CSSフレームワークのBulmaを使うと、レイアウトやエレメント、フォーム要素などのスタイルを簡単に設定できます。また、Bulmaは...