Bootstrap Modal visible on document load

Question

I have a Bootstrap Model working fine, except that it is visible when the document loads and I can\'t work out how to make the initial state invisible?

Answer 1

Following documentation, add hide class to the modal.

<div class="modal hide fade">
    ...
</div>

Answer 2

Turns out simply adding style="display: none" to the modal outer div did the trick.