Fix mobile navigation js error

web/typo3conf/ext/ep_theme/Resources/Private/Assets/js/app.js

@@ -23,10 +23,12 @@ import $ from 'jquery'
 import moment from 'moment'
 import fancybox from '@fancyapps/fancybox'
 
+global.$ = global.jQuery = $;
+
 require('cookieconsent');
 require('slick-carousel');
 require('jquery-lazy');
-require('bootstrap/dist/js/bootstrap');
+require('bootstrap-sass/assets/javascripts/bootstrap');
 require('picturefill');
 require('@fancyapps/fancybox/dist/jquery.fancybox.css');
 

web/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/main.scss

@@ -1,5 +1,5 @@
 // vendor styles
-@import "~bootstrap/dist/css/bootstrap.min.css";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap";
 @import "~cookieconsent/build/cookieconsent.min.css";
 
 @import "mixins";

web/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/main_boarderweek.scss

@@ -1,5 +1,5 @@
 // vendor styles
-@import "~bootstrap/dist/css/bootstrap.min.css";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap";
 @import "~cookieconsent/build/cookieconsent.min.css";
 
 @import "mixins";

web/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/main_snowzone.scss

@@ -1,5 +1,5 @@
 // vendor styles
-@import "~bootstrap/dist/css/bootstrap.min.css";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap";
 @import "~cookieconsent/build/cookieconsent.min.css";
 
 @import "mixins";

web/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/main_unichamp.scss

@@ -1,5 +1,5 @@
 // vendor styles
-@import "~bootstrap/dist/css/bootstrap.min.css";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap";
 @import "~cookieconsent/build/cookieconsent.min.css";
 
 @import "mixins";

web/typo3conf/ext/ep_theme/Resources/Private/Partials/Mainnav.html

@@ -59,7 +59,7 @@
 
     <f:section name="SecondLevel">
         <a href="{f:uri.page(pageUid: topitem.uid)}" data-target="#"
-           class="dropdown-toggle" role="button"
+           class="dropdown-toggle" role="button" data-toggle="dropdown"
            aria-haspopup="true" aria-expanded="false"
            title="{topitem.linktext}">{topitem.title}<span class="glyphicon glyphicon-chevron-down"></span></a>
         <v:menu pageUid="{topitem.uid}" useShortcutUid="true">