禁用淡入淡出自举模式

Question

我试图在bootstrap中禁用模态的淡入淡出，但它无法正常工作，我尝试了下面的代码但是没有运气，我已经看了谷歌但没有关于此的信息我有注意到，除了我在下面的代码中尝试过的2个css。

.dont-fade {
    trasition: none;
    opacity: 1;
}

我只想禁用模态的淡入淡出，只需将其设置为整个页面的div ontop，而不是淡入淡出。

继承我的模态的HTML

<!-- Information on user popup -->
<div id="banModal" class="modal" role="dialog" style="">
<div class="modal-dialog">

<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h4 class="modal-title">Welcome!</h4>
</div>
<div class="modal-body">
<p>Hello, here is some test</p>
</div>
</div>
</div>
</div></div>