Javascript 引导：为什么我的模态是透明的？

我想使用引导库中的模式

单击按钮时，将显示模式，但它是透明的。

我不明白为什么会这样

jsiddle链接：

这是我的HTML：

<div id="loginWindow" tabindex="-1" role="dialog" class="modal fade" aria-hidden="true">
    <div class="modal-dialog">
        <div class="model-content">
            <div class="modal-header">
                <button type="button" data-dismiss="modal" class="close">
                    <span aria-hidden="true">×</span>
                    <span class="sr-only">Close</span>
                </button>
                <h4 id="loginLabel" class="modal-title">Log in</h4>
            </div>
            <div class="modal-body">
                <input id="email" type="text">
            </div>
            <div class="modal-footer">
                <p>blablabla</p>
            </div>
        </div>
    </div>
</div>

找到它：

<div class="model-content">

应该是：

<div class="modal-content"> // Notice the a

//注意

这应该可以解决问题

---

干杯

你能创建一个JSFIDLE或PLUNK吗？检查你的CSS没有将属性

background

设置为

false

-还有，你是用Boostrap 3.x库来Boostrap 2.x语法吗？我有Boostrap 3。哪部分是Bootstrap 2语法？啊，我现在看到小提琴了，让我检查一下

<div class="modal-content"> // Notice the a