テキストユーティリティ
※HTML5のインライン要素による文字の装飾については、文字の体裁に掲載。 文字の配置（Text alignment）v5.0.0-alpha1クラス追加、一部廃止、v5.0.0-beta1一部クラス名変更 文字をテキスト配置クラスでコンポーネントに簡単に配置させる。行頭揃え、行末揃え、中央揃えの場合は、グリッドシステムと同じビューポート幅のブレークポイントを使用するレスポンシブ・クラスが使用で...
※HTML5のインライン要素による文字の装飾については、文字の体裁に掲載。 文字の配置（Text alignment）v5.0.0-alpha1クラス追加、一部廃止、v5.0.0-beta1一部クラス名変更 文字をテキスト配置クラスでコンポーネントに簡単に配置させる。行頭揃え、行末揃え、中央揃えの場合は、グリッドシステムと同じビューポート幅のブレークポイントを使用するレスポンシブ・クラスが使用で...
vertical-alignment ユーティリティで要素の配置を変更する。vertical-alignは、inline, inline-block, inline-table、表のセル要素にのみ影響するので注意。 .align-baseline, .align-top, .align-middle, .align-bottom, .align-text-bottom, .align-text-t...
概要（Overview） 可視性ユーティリティで要素の visibility を設定。これらのユーティリティクラスは、display の値を全く変更せず、レイアウトに影響を与えない。.invisible 要素はまだページ内にスペースを残す。コンテンツは、視覚的にも支援技術/スクリーンリーダーのユーザーにも表示しない。 .invisible クラスを持つ要素は、視覚的や支援技術/スクリーンリー...
実例（Example） z-index ユーティリティを使用して、要素を互いに積み重ねる。static 以外の position 値が必要で、これはカスタムスタイルや位置ユーティリティで設定できる。 これらの z-index ユーティリティを"低レベル"と呼ぶのは、デフォルト値が -1 〜 3 であり、オーバーラップするコンポーネントのレイアウトに使用するため。高レベルの z-index 値...
定義済の文字色ユーティリティクラスと背景色ユーティリティクラスの配色一覧 ナビゲーションバーの切替ボタンで切り替えてライトモードとダークモードの配色を確認してください 背景ユーティリティに戻る .bg-primary .bg-secondary .bg-success .bg-info .bg-warning .bg-danger .bg-lig...