J'ai utilisé le code pour mon modal directement à partir de l'exemple Bootstrap, et n'ai inclus que le bootstrap.js (et non bootstrap-modal.js). Cependant, mon modal apparaît sous le fondu gris (toile de fond) et n'est pas modifiable.
Voici à quoi ça ressemble:
Voir ce violon pour une façon de reproduire ce problème. La structure de base de ce code est la suivante:
<body>
<p>Lorem ipsum dolor sit amet.</p>
<div class="my-module">
This container contains the modal code.
<div class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">Modal</div>
</div>
</div>
</div>
</div>
</body>
body {
padding-top: 50px;
}
.my-module {
position: fixed;
top: 0;
left: 0;
}
Des idées pourquoi c'est ou ce que je peux faire pour résoudre ce problème?
overflow-x: hidden
appliqué au conteneur du modal.