Basic Child Theme for UnderStrap Theme Framework: https://github.com/holger1411/understrap
It shares with the parent theme all PHP files and adds its own functions.php on top of the UnderStrap parent themes functions.php.
IT DID NOT LOAD THE PARENT THEMES CSS FILE(S)! Instead it uses the UnderStrap Parent Theme as dependency via npm and compiles its own CSS file from it.
Uses the Enqueue method the load and sort the CSS file the right way instead of the old @import method.
Add your own CSS styles to /sass/theme/_child_theme.scss or import you own files into /sass/theme/understrap-child.scss
To overwrite Bootstrap or UnderStraps base variables just add your own value to: /sass/theme/_child_theme_variables.scss
For example: the "$brand-primary" variable is used by both, Bootstrap and UnderStrap. Add your own color like: $brand-primary: #ff6600; in /sass/theme/_child_theme_variables.scss to overwrite it. That will change automatically all elements who use this variable. It will be outputted into: /css/understrap-child.min.css and /css/understrap-child.css
So you have one clean CSS file at the end and just one request.
$ npm installthen:
$ gulp copy-assets
To work and compile your Sass files on the fly start:
$ gulp watch
Or, to run with Browser-Sync:
/gulpfile.jsin the beginning of the file:
var browserSyncOptions =proxy: "localhost/theme_test/" // <----- CHANGE HEREnotify: false;
$ gulp watch-bs
 Visit http://browsersync.io for more information on Browser Sync