installation
npm i bootstrap
Introduced
Write the following can be introduced in the app.scss you can customize the color theme $primaryand base width $spacer, etc.
// 引入部分 bootstrap 样式
$spacer: 60px;
$enable-print-styles: false;
$border-width: 2px;
$border-radius: 8px;
$border-radius-lg: 10px;
$border-radius-sm: 6px;
$rounded-pill: 1600px;
$primary: #07c160;
$nav-link-height:15px;
@import "~bootstrap/scss/functions";
@import "~bootstrap/scss/variables";
@import "~bootstrap/scss/mixins";
$grid-breakpoints: map-remove($grid-breakpoints, "sm", "md", "lg","xl");
$box-shadow-sm: 4px 8px rgba($black, .075);
$box-shadow: 0 16px 32px rgba($black, .15);
$box-shadow-lg: 0 32px 96px rgba($black, .175);
@import "~bootstrap/scss/utilities";
Examples
