Customize Bootstrap on a Yeoman project

Question

I have an Angular application scaffolded with Yeoman and using Twitter Bootstrap. On their website, Bootstrap purpose to customize the design of their components (http://getbootstrap.com/customize/). Then you download a zip containing Bootstrap files with your customization. On the downloaded zip there are:

bootstrap/
  fonts/
  js/
  css/
  config.js

I just modified the variables, so I suppose that the only interesting thing for me is the config.js (I already have the Bootstrap's files).

So my question is where I have to put this file, or what do I have to do to use my Bootstrap customization?

Hope I'm understandable :) Thanks !

Answer 1

It is very simple. I put the CSS files instead of mines in my Yeoman project at bower_components/bootstrap/dist/css (4 files) and the JS files in bower_components/bootstrap/dist/js (2 files).

Thanks @yuyokk for your comment on the config.js file, which may be useful for further customization.