1. Download or clone bootstrap
2. Place js minified file in the assets/js folder
3. Enqueue css to compile
– added bootstrap.css as partial in assets/css/src folder
– imported _bootstrap.css partial in global.css
@import “_bootstrap.css”;
4. Enqueue JS
Note: Something that caused issue was APM plugin being active but not configured.
I had issue with jQuery since theme twenty twenty one did not include jQuery intentionally.
First Enter into inc > Styles > Component. Php . Look for public function action_enqueue_styles() {
Add in the code below to that function:
/* Enqueue Bootstrap JS */
wp_enqueue_script(
‘wp-rig-bootstrap’,
get_theme_file_uri( ‘/assets/js/bootstrap.min.js’ )
);