Bootstrap-構成
3773 ワード
Bootstrap-構成 Bootstrap5リリース以前はIEはサポートされていませんでした.
設定
$ npm i bootstrap@5
構成
$ npm i bootstrap@5variables.scssを上部に記入します.( $primary: #FDC000 )variables.scss内部は$primary: $blue !default;のように書かれています.|キーワード
!defaultを使用してデフォルト値を指定できます.ユーザーは、デフォルト値ではなく他の値を指定できます.$primary: #FDC000;
// Required
@import "../../node_modules/bootstrap/scss/functions";
@import "../../node_modules/bootstrap/scss/variables";
@import "../../node_modules/bootstrap/scss/mixins";
@import "../../node_modules/bootstrap/scss/root";
$theme-colors: (
"primary": red,
"secondary": skyblue,
"success": $success,
"info": $info,
"warning": $warning,
"danger": $danger,
"light": $light,
"dark": $dark
) !default;
@import "../../node_modules/bootstrap/scss/bootstrap";$theme-colorsマッピングデータ.ローカルカスタム
variablesファイルを以下に作成する必要があります.すべてカスタマイズされている場合は、
variablesファイルの上に記入する必要があります.variablesファイルの上に作成すると、残りの$success、$info、$warningなどの変数が見つからないためエラーが発生しますReference
この問題について(Bootstrap-構成), 我々は、より多くの情報をここで見つけました https://velog.io/@jude-ui/Bootstrap-구성テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol