Twitter Bootstrap modal window flickers

The way you are currently performing actions is likely the cause of the flickering. Essentially, what you are telling the browser is: update the content after the div has been shown. You are also telling jQuery to bind the onShow event EVERY time the link is clicked. That bind declaration should be made outside of the onClick event.

What you should try, is to change your modal content BEFORE displaying it, allowing the browser to adjust the DOM appropriately before displaying it, reducing (if not eliminating) the flicker.

Try something more like this:

$(function(){
    $('#modal-from-dom').modal({
        backdrop: true,
        keyboard: true
    });
    $('#modalbutton').click(function(){

        // do what you need to with the modal content here

        // then show it after the changes have been made

        $('#modal-from-dom').modal('toggle');
        return false;
    });
});

SOLUTION FOR MODALS IN <ul> || <ol>

In my case I had a stuttering/flickering/flattering modal on hover. The solution is: Don't place your modal inside of an element, that uses z-index, for example or , put your code for the modal outside as mentioned here: https://github.com/twbs/bootstrap/issues/25206