-
Notifications
You must be signed in to change notification settings - Fork 7
Use with Angular cli based project
Follow the installation instructions here to add sebgroup/bootstrap to your project. Once all packages are installed you need to do three things to make it work.
Step 1
Make sure you've set the default styling of your project to use scss (otherwise you won't be able to use the variables provided by sebgroup/bootstrap in your project). Check angular-cli docs for more info.
Step 2
Open styles.scss (or whatever you call your main style file), by default it should be located here: src/app/styles.scss
and add the following:
@import '~@sebgroup/bootstrap/scss/bootstrap'; // import SEB standalone theme for bootstap
Step 3 (optional)
If you're using angular-generic-table or ng-bootstrap in your project, add the following lines to your styles.scss file (before importing @seb-style/bootstrap). This will override the default settings and add specific styles for these third party modules.
$enable-ng-bootstrap: true !default; // add specific styles for ng-bootstrap
$enable-angular-generic-table: true !default; // add specific styles for angular-generic-table
If you run ng serve
your application should now use the sebgroup/bootstrap theme