in English
オプション
組み込み変数を使用して Bootstrap をすばやくカスタマイズし、グローバルな CSS 設定を簡単に切り替えて、スタイルと動作を制御します。
組み込みのカスタム変数ファイルを使用して Bootstrap をカスタマイズし、新しい$enable-*
Sass 変数を使用してグローバル CSS 設定を簡単に切り替えます。変数の値をオーバーライドし、必要に応じて再コンパイルしnpm run test
ます。
scss/_variables.scss
これらの変数は、Bootstrap のファイルで主要なグローバル オプションを見つけてカスタマイズできます。
変数 | 値 | 説明 |
---|---|---|
$spacer |
1rem (デフォルト)、または任意の値 > 0 |
スペーサー ユーティリティをプログラムで生成するためのデフォルトのスペーサー値を指定します。 |
$enable-rounded |
true (デフォルト) またはfalse |
border-radius さまざまなコンポーネントで定義済みのスタイルを有効にします。 |
$enable-shadows |
true またはfalse (デフォルト) |
さまざまなコンポーネントで定義済みの装飾box-shadow スタイルを有効にします。box-shadow フォーカス状態に使用される には影響しません。 |
$enable-gradients |
true またはfalse (デフォルト) |
background-image さまざまなコンポーネントのスタイルを介して事前定義されたグラデーションを有効にします。 |
$enable-transitions |
true (デフォルト) またはfalse |
transition さまざまなコンポーネントで定義済みの を有効にします。 |
$enable-reduced-motion |
true (デフォルト) またはfalse |
ユーザーのブラウザ/オペレーティング システムの設定に基づいて、特定のアニメーション/トランジションを抑制するprefers-reduced-motion メディア クエリを有効にします。 |
$enable-grid-classes |
true (デフォルト) またはfalse |
グリッド システムの CSS クラス ( 、 など) の生成を有効にし.row ます.col-md-1 。 |
$enable-caret |
true (デフォルト) またはfalse |
で疑似要素キャレットを有効にし.dropdown-toggle ます。 |
$enable-button-pointers |
true (デフォルト) またはfalse |
無効になっていないボタン要素に「手」カーソルを追加します。 |
$enable-rfs |
true (デフォルト) またはfalse |
RFSをグローバルに有効にします。 |
$enable-validation-icons |
true (デフォルト) またはfalse |
background-image 検証状態のテキスト入力および一部のカスタム フォーム内のアイコンを有効にします。 |
$enable-negative-margins |
true またはfalse (デフォルト) |
負のマージン ユーティリティの生成を有効にします。 |
$enable-deprecation-messages |
true (デフォルト) またはfalse |
false で削除される予定の非推奨の mixin および関数を使用する場合に警告を非表示にするには、 に設定しv6 ます。 |
$enable-important-utilities |
true (デフォルト) またはfalse |
!important ユーティリティ クラスでサフィックスを有効にします。 |
$enable-smooth-scroll |
true (デフォルト) またはfalse |
メディア クエリscroll-behavior: smooth を使用してモーションの削減を要求するユーザーを除き、グローバルに適用されますprefers-reduced-motion |