Comment faire modale de dialogue ouvrir au chargement de la page dans le bootstrap

Il est facile d'afficher une boîte de dialogue modale avec le javascript de Bootstrap.

Mais comment faire pour que le modal ouvrir au chargement de la page sans avoir besoin d'un document.ready fonction ou d'un organe onload fonction?

Mon besoin est de charger une page et le modal déjà ouvert.
Je ne veux pas de retard ni d'un effet de transition lors du chargement de la page.
Je veux que le modal est ouvert au démarrage.

Je regarde le modal.js un peu et essayé d'ajouter class="modal-open" sur le corps et n'ont aucun effet.

<div class="modal in" id="journalModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="myModalLabel">modal title</h4>
      </div>
      <div class="modal-body">
         body
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

Est-il possible?
Comment faire ?

Je suppose que ce violon est très bien jsfiddle.net/yashhy/sj9EQ/1

OriginalL'auteur fluminis | 2014-01-02

  1. 13

    Quand modal devient visible, Bootstrap ajoute .in classe dans le conteneur. Ainsi, vous pouvez ajouter une règle dans votre css ci-dessous et ajouter la même classe modale qui vous voulez être visible au chargement de la page.

    CSS

    .modal.in {
   display:block;
}

    HTML

    <div class="modal in">visible on page load.</div>

    Mais ce ne sera pas le modal de toile de fond à la place. Si tu dois le garder aussi celles qui sont en bas de page: 

    <div class="modal-backdrop fade in"></div>
    Fonctionne comme un charme! J'ai juste eu à enlever le fondu de classe pour le modal toile de fond de ne pas être totalement sombre. <div class="modal-backdrop in"></div>
    Cela ne fonctionne pas dans le Bootstrap 4

    OriginalL'auteur Shekhar K. Sharma