Bootstrap: почему мой Modal прозрачный?

Question

Я хочу использовать Modal из библиотеки Bootstrap.

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

Я не могу понять, почему это так.

JSFiddle ссылка: http://jsfiddle.net/0cqkdjey/

Это мой 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> 

Это мой JavaScript:

$(document).ready(function() { 

    // set focus when modal is opened 
    $('#loginWindow').on('shown.bs.modal', function() { 
     $('#email').focus(); 
    }); 

    // everytime the button is pushed, open the modal, and trigger the shown.bs.modal event 
    $('#loginButton').click(function() { 
     $('#loginWindow').modal({ 
      show: true 
     }); 
    }); 

}); 

Answer 1

Нашел:

<div class="model-content"> 

Должно быть:

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

Это должно исправить.

Cheers!