Twitter bootstrap bootstrap 3.3.7模式不显示html

我有以下代码和$（'.modal）.modal（'show'）似乎将html添加到DOM中，但没有显示。我注意到不透明度变为0.5

这是密码

<div class="modal fade" id="editMezalta" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
<div class="modal-dialog" role="document">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title" id="exampleModalLabel">New message</h4>
        </div>
        <div class="modal-body">
            <form>
                <div class="form-group">
                    <label for="recipient-name" class="control-label">Recipient:</label>
                    <input type="text" class="form-control" id="recipient-name">
                </div>
                <div class="form-group">
                    <label for="message-text" class="control-label">Message:</label>
                    <textarea class="form-control" id="message-text"></textarea>
                </div>
            </form>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            <button type="button" class="btn btn-primary">Send message</button>
        </div>
    </div>
</div>

&时代；
新消息
收件人：
信息：
接近
发送消息

---

它似乎工作正常，没有问题。您是否记得包含相关的引导JS和CSS文件

开放模态
&时代；
新消息
收件人：
信息：
接近
发送消息