Bootstrap's JavaScript requires jQuery. jQuery must be included before Bootstrap's JavaScript

Dear fellow developers,

I am working bootstrap theme customization. I am getting below error in browser console and in site i am not able to see menu and other options and getting faded with white color.

1.Bootstrap's JavaScript requires jQuery. jQuery must be included before Bootstrap's JavaScript
2.Bootstrap requires pooper.js for dropdowns.

Till now what I did is
1. I downloaded bootstrap library module from(https://www.drupal.org/project/bootstrap_library)and enabled it.

2. I created library folder and copied bootstrap Compiled CSS and JS folders to it (https://getbootstrap.com/docs/4.0/getting-started/download/) folder structures is C:\xampp\htdocs\drupal\libraries\bootstrap\contains below 2 folders
\css
\js
3.In the mentioned path ( Home ->Administration-> Configuration ->Development->Boostrap Library )choosen below options
Load Boostrap from CDN -> Load locally
Choose minimized or non minimized version -> use minnified libraries
List of themes where library will be loaded - >bootstrap subtheme
Load bootstrap on specific pages - All pages except those listed
Select which files to load from the library - checked css files
4. Created bootstrap subtheme under themes folder.
5. Applied subtheme.
6. bootstrap_subtheme.libraries.yml contains below content.
global-styling:
css:
theme:
css/overrides.min.css: {}
css/style.css: {}
js:
js/popper.js: {}
popper.js included in subthemes js folder.

At runtime/when i click on back to site its giving above error.
Question is it is not loading bootstrap theme now?? my style.css is empty now.

how to move further for add new regions and how remove error require popper.js error

drupal version 8.3.7