مشکل با مدال

[ghamgin]

سلام من از این مدال برا لاگین استفاده کردم
با بوت استرپ انگلیسی مشکلی ندارم
اما وقتی بوت استرپ راست به چپ استفاده میکنم روی لاگین که میزنم مدال باز میشه اما کلا صفحه تیره هست و نمیشه کلیکی انجام داد ممنون میشم بگید مشکل از کجاست؟
خیلی لازم دارم فوریه...
<div id="myModal" class="modal fade in">
<div class="modal-dialog">
<div class="modal-content">

<div class="modal-header">
<a class="btn btn-default" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span></a>
<h4 class="modal-title">ورود</h4>
</div>
<div style="direction:rtl" class="modal-body">



<form class="form" role="form" method="post" action="login" accept-charset="UTF-8" id="login-nav">
<div class="form-group">
<label class="sr-only" for="exampleInputEmail2">آدرس ایمیل</label>
<input type="email" class="form-control" id="exampleInputEmail2" placeholder="آدرس ایمیل" required>
</div>
<div class="form-group">
<label class="sr-only" for="exampleInputPassword2">رمز عبور</label>
<input type="password" class="form-control" id="exampleInputPassword2" placeholder="رمز عبور" required>
<div class="help-block text-right"><a href="">پسورد خود را فراموش کرده اید</a></div>
</div>
<div class="form-group">
<button type="submit" class="btn btn-primary btn-block"><span class="glyphicon glyphicon-check"></span><span> </span>ورود </button>
</div>

</form>
</div>
<div class="modal-footer">
<div class="btn-group">

</div>
</div>

</div><!-- /.modal-content -->
</div><!-- /.modal-dalog -->
</div><!-- /.modal -->


$(document).ready(function() {
$('i.glyphicon-thumbs-up, i.glyphicon-thumbs-down').click(function(){
var $this = $(this),
c = $this.data('count');
if (!c) c = 0;
c++;
$this.data('count',c);
$('#'+this.id+'-bs3').html(c);
});
$(document).delegate('*[data-toggle="lightbox"]', 'click', function(event) {
event.preventDefault();
$(this).ekkoLightbox();
});
});

[ghamgin]

کسی نمیدونه؟

[پیام حیاتی]

سلام
در بخش WebDesign مطرح کنید.
دموی آنلاین قرار بدید.