مشکل modal با bootstrap 3

[crafcrab]

با سلام
من با کمک bootstrap یک دکمه طراحی کردم که وقتی روش کلیک میکنی یه پنجره(dialogbox) با استفاده از خصوصیت modal باز میشه
تا اینجا مشکلی نیست
مشکل اینجاست که این کد برای ورژن قبلی bootstrap کار میکنه اما برای ورژن bootstrap 3 کار نمیکنه یعنی کد ما با فایل های bootstrap.min.css و bootstrap.min.js در bootstrap 3 مشکل داره
من هر دو نسخه رو اینجا برای دانلود میزارم

نسخه قدیمی که کار میکنه
و نسخه جدید که همون کد اما چون bootstrap 3 هست کار نمیکنه

با تشکر

[crafcrab]

کسی نیست؟
کسی نمیدونه چیکار باس کرد؟

[Javidhb]

از آخرین ورژن bootstrap استفاده کنید و بعد کدتون رو به این شکل تغییر بدید:




<!-- Modal -->
<div id="Login" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="LoginModal" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<!-- modal header -->
<div class="modal-header">
<!-- modal exit icon -->
<button type="button" class="close" data-dismiss="modal" title="بستن"><span aria-hidden="true">&times;</span><span class="sr-only"></span></button>
<!-- modal title -->
<h4 class="modal-title" id="myModalLabel">فرم ورود کاربر</h4>
</div>
<!-- modal body -->
<div class="modal-body">
<form class="contact" name="contact">
<!-- UserName -->
<label class="label" for="UserName">نام کاربری</label><br>
<input type="text" name="UserName" id="UserName" class="input-xlarge"><br>
<!-- Password -->
<label class="label" for="Password">کلمه عبور</label><br>
<input type="password" name="Password" id="Password" class="input-xlarge"><br>
</form>
</div>
<!-- modal footer -->
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">بستن</button>
<button type="button" class="btn btn-primary" type="submit" id="btnLogin">ورود</button>
</div>
</div>
</div>
</div><!-- ./Modal -->

<!-- Button modal -->
<button id="LoginBtn" type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#Login">ورود</button>




1. از یک id برای دوتا المنت استفاده کردید
2. برای modal کلاس رو باید به این صورت تعریف کنید : class="modal fade"