Bootstrap модальный не отображается (но страница становится темнее)

Question

У меня есть модал, и мне нужно вызвать его внутри функции JavaScript. Вот моя функция:

$(document).ready(function () {
    if (sMail == 202) {
        $('#contato').modal('show');
    } else if (sMail != 0) {
        console.log("error");
    }
});

и мой модал

<div class="modal fade bd-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel"
    aria-hidden="true" id="contato">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            ...
        </div>
    </div>
</div>

когда функция выполняется, страница становится немного темнее, так же, как когда модалы открыты, но не показывает это: (

Здесь работает: https://jsfiddle.net/jyax9d3f/1/, а также работает с кнопкой.

Answer 1

В итоге я использовал оповещение вместо модального.