There is a bug with Bootstrap Modals and fullwidth fixed elements
jQuery
- bootstrap requires jQuery lib;
-
if you are using ES6 modules: just copy file
src/js/helpers/bootstrapModalFix.js
into your project and import it like this:import bootstrapModalFix from './helpers/bootstrapModalFix';
-
if you are not using ES6 modules: a) export jQuery object to global context:
window.jQuery = jQuery;
b) copy function bootstrapModal(element) to your project after(!) jQuery and Bootstrap Modal include Call this function with jquery selector you need.
You have fixed header with full width of the screen
<header class="header js-fixed"></header>
Call bootstrapModal('.js-fixed');
and thats all you have to do :)