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