Customize Bootstrap installed from npm

Question

I am using webpack to require Bootstrap, so I install bootstrap from npm, but I also want to customize Bootstrap by modify 'variables.less', It cause a problem, the next time I upgrade Bootstrap from npm, my modification is gone, so what should I do?

Answer 1

You can easily overwrite LESS variables in your own custom file outside of Bootstrap. As long as you @import the file with your Bootstrap variable overwrites after you @import all of the Bootstrap LESS files, you'll be fine.