bootstrap модальные появляться под фон

я использовал код для моего модальные прямо из примера ушко, и включили только bootstrap.js (и не bootstrap-modal.js). однако, мой модальные появляется под серый увядает (фон) и не редактируется.

вот как это выглядит:

modal hiding behind backdropthis fiddleone

видеть для того, чтобы воспроизвести эту проблему. основная структура этого кода такой:

<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;}

любые идеи, почему это или то, что я могу сделать, чтобы исправить это?