Javascript Can'；t显示背景模式，仅背景

基本上，我尝试在登录成功后调用一个模式，下面是代码：

<div id="modalOpt" class="modal" role="dialog">
    <div class="modal-dialog-OptIn">
        <div class="modal-content-OptIn">
            <div>
            </div>
            <div class="modal-body-text">
                <p class="title-text">Autorização de envio de agenda</p>
                <p class="subTitle">Autorizo as instituições x1 e x2 a
                     consultarem toda a minha agenda de recebíveis na Única. </p>
                <p class="subTitle">Autorizando, você terá os seguintes benefícios:</p>
                <ul class="bullet">
                    <li class="bulletItems">Operações e produtos pré-aprovados</li>
                    <li class="bulletItems">Melhores negociações de taxas</li>
                </ul>
                <div class="row-modal">
                    <button class="btnOptIn-1" data-target="#success" data-toggle="modal" data-dismiss="modal">
                        Permitir
                    </button>
                    <button class="btnOptIn-2" data-dismiss="modal">
                        Decidir depois                  
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>

但由于某种原因，模态本身并没有出现，只是模态背景，我已经尝试过改变z-指数，但它不起作用

我设法显示模式的唯一方法是将html放在index.html中，但一旦我这样做了，并且我返回（在浏览器中）登录页面，html由于某种原因固定在屏幕上

毕竟，我想修复这个错误，所以我把html放在login.html中，然后我遇到了模态背景的问题，模态没有被调用

有什么建议吗

下面是一个屏幕截图以澄清：

---

尝试将第一行从

<div id="modalOpt" class="modal" role="dialog">

到

或者，只需在初始模态类中添加一个类“淡入”，不太清楚为什么会发生这种情况

<div id="modalOpt" class="modal" role="dialog">

 <div id="modalOpt" class="modal fade in" role="dialog">