It is not clear to me how I can work with Bootstrap when using the Sage theme. Specifically, the theme uses Gulp to build assets. The assets from the /assets/ directory are compiled into the /dist/ directory, with main.css being the ‘master file’, where all partials are compiled into.
At the same time, Bootstrap is added in /bower_components/ as a dependency. The /bootstrap/ directory has its own /dist/, Gruntfile, bower.json, package.json.
Does this mean that when I want to edit Bootstrap source, I have to recompile it using Grunt (and not Gulp)? How can I then include my tweaked, recompiled bootstrap into the master script file (main.css) in the /dist/ in the site root?
Or do all these happen automatically and I can make my edits only in the /assets/ folder in the site root directory?
These might be trivial question, but I think I got a bit overwhelmed. All help will be really appreciated.