модал добавляется к div в нижней части страницы, когда мы меняем режим экрана (альбомный на портретный и наоборот), и я не понимаю, откуда сработало это действие.а также он удаляет все свои css
<div class="modal fade" tabindex="-1" role="dialog" data-backdrop="false" data-keyboard="false">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h3>My modal</h3>
</div>
<div class="modal-body">
<table>
<colgroup>
<col width="35%" />
<col width="65%" />
</colgroup>
<tr>
<td style="text-align: center;">
<img src="app_icon.png" />
</td>
<td style="width: 50%;text-align:left;">
<h4 id="appStoreText">Hiii </h4>
</td>
</tr>
</table>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">CANCEL</button>
<button type="button" class="btn btn-primary" style="width: 80px">Ok</button>
</div>
</div>
</div>
</div>
модальные должны только в верхней части страницы и не должны добавлять в div фоновой страницы