And as bootstrap js has jQuery as a dependency. So, jQuery should be loaded first followed by boootstrap js and main js file. So, the correct order ...
Compiled and minified CSS bundles (see CSS files ...
css. Include all files at the top of the styles.css file. @import url('~bootstrap/dist/ css/bootstrap.min.css ...
You can create a separate library for external bootstrap stylesheet, which will give you flexibility to load bootstrap css before loading ...
I wasn't able to figure out is how to get the loading order of the css files correct.
Files loaded by require is asynchronous, I do not have to give any sample repo. Load sequence is important for CSS files.
bootstrap: css: base: libraries/bootstrap/bootstrap.min.css: {weight: -50}
In order to use Bootstrap CSS, you need to integrate it into your
Adding the dependency should work. You are not calling your theme styles file correctly though. You need to move your theme-style.css file ...
Only CSS, JS that is required on a page will be loaded. JQuery, for