How to override the bootstrap files?

help
1

How do i use the .sass files overriding what the alexwine:bootstrap-4 package already has? My coworker and i mostly will be using the .sass files.

2

Can you please show any screenshot and your screen? I am not able to understand your issue.

4

This is an old thread, but for anyone stumbling across it, this is what we did (with bootstrap 3 - we’re not using bootstrap any longer. This should work for v4 with sass, but you’ll need to adjust the paths):

  • install the official npm package (comes with source files) meteor npm install bootstrap
  • in app.less:
@import "{}/node_modules/bootstrap/less/bootstrap.less";
@import "{}/node_modules/bootstrap/less/variables.less"
// import anything else you want to use, mixins, etc.
  • you may need to adjust the font path:
@icon-font-path: "fonts/"
1 Like