А так же, если у вас именно такое поведение, вынесите модальное окно и вставьте его перед
</body>
Не имейте привычку разметку модального окна bootstrap вставлять где-то внутри контента. Это делается для того, что бы модальное окно всегда могло перекрыть весь имеющийся html.
Т.к. если модальное окно, с
z-index: 999999999999999999 будет лежать в родителе, у которого есть
position: relative или иной с своим
z-index, то
z-index модального окна будет плясать относительно родителя