オプション Options

組み込み変数を使用してBootstrapを素早くカスタマイズし、スタイルと動作を制御するグローバルCSSの設定を簡単に切り替えます。

組み込みのカスタム変数ファイルを使用してBootstrapをカスタマイズし、新しい$enable-* Sass変数でグローバルCSSの設定を簡単に切り替えます。変数の値を上書きして、必要に応じてnpm run testで再コンパイルします。

これらの変数は、Bootstrapのscss/_variables.scssファイルで見つけてカスタマイズできます。

Variable	Values	Description
`$spacer`	`1rem` (default), or any value > 0	スペーサーユーティリティをプログラム的に生成するためのデフォルトのスペーサー値を指定します。
`$enable-dark-mode`	`true` (default) or `false`	プロジェクトとそのコンポーネント全体で組み込みのダークモードサポートを有効にします。
`$enable-rounded`	`true` (default) or `false`	さまざまなコンポーネントで事前定義された`border-radius`スタイルを有効にします。
`$enable-shadows`	`true` or `false` (default)	さまざまなコンポーネントで事前定義された装飾的な`box-shadow`スタイルを有効にします。フォーカス状態に使用される`box-shadow`には影響しません。
`$enable-gradients`	`true` or `false` (default)	さまざまなコンポーネントで`background-image`スタイルを介した事前定義されたグラデーションを有効にします。
`$enable-transitions`	`true` (default) or `false`	さまざまなコンポーネントで事前定義された`transition`を有効にします。
`$enable-reduced-motion`	`true` (default) or `false`	ユーザーのブラウザ/オペレーティングシステムの設定に基づいて特定のアニメーション/トランジションを抑制する`prefers-reduced-motion`メディアクエリを有効にします。
`$enable-grid-classes`	`true` (default) or `false`	グリッドシステムのCSSクラスの生成を有効にします(例: `.row`、`.col-md-1`など)。
`$enable-cssgrid`	`true` or `false` (default)	実験的なCSS Gridシステムを有効にします(例: `.grid`、`.g-col-md-1`など)。
`$enable-container-classes`	`true` (default) or `false`	レイアウトコンテナのCSSクラスの生成を有効にします。(v5.2.0で新規追加)
`$enable-caret`	`true` (default) or `false`	`.dropdown-toggle`で擬似要素のキャレットを有効にします。
`$enable-button-pointers`	`true` (default) or `false`	無効でないボタン要素に「手」カーソルを追加します。
`$enable-rfs`	`true` (default) or `false`	グローバルにRFSを有効にします。
`$enable-validation-icons`	`true` (default) or `false`	検証状態のテキスト入力およびいくつかのカスタムフォーム内で`background-image`アイコンを有効にします。
`$enable-negative-margins`	`true` or `false` (default)	負のマージンユーティリティの生成を有効にします。
`$enable-deprecation-messages`	`true` (default) or `false`	`v6`で削除が予定されている非推奨のミックスインと関数を使用する際の警告を非表示にするには`false`に設定します。
`$enable-important-utilities`	`true` (default) or `false`	ユーティリティクラスの`!important`サフィックスを有効にします。
`$enable-smooth-scroll`	`true` (default) or `false`	`prefers-reduced-motion`メディアクエリを介して動きの軽減を求めているユーザーを除き、グローバルに`scroll-behavior: smooth`を適用します。