Fade out bootstrap modal using jquery/css
<p>I have a form inside a bootstrap modal. I awake it using jQuery
    $(modalId).modal('show');</p>

<p>I don't want it to be fade in. So, I didn't add 'fade' class to my modal. upon submitting the form in modal. I want to fade out the modal. </p>

<pre><code>$(modalId).modal('hide');
</code></pre>

<p>I used the above code segment to hide the modal, it works. But, the modal goes out very quickly. I want it to  fade out for a few seconds. How can I achieve it?</p>

<p>My code: </p>

<pre><code>$('.save').on('click', function(){
 setTimeout(function(){

  $('#div_dbReadMany').modal("hide");

 }, 1500);
});
</code></pre>

<p><a href="https://jsfiddle.net/jffasna/puLqdhyc/5/" rel="noreferrer">Fiddle</a></p>