Модель popup bootstrap не работает в MVC

---

это мой код, и я не знаю, где моя ошибка..

<div class="col-lg-12" style="text-align: right; margin-bottom: 15px;">
                        <a href="#" class="btn btn-primary" data-toggle="model" data-target="#myModel" style="width: 100px">@WhiteWhaleLanguage.Edit</a>
                        <div class="model fade" id="myModel">
                            <div class="model-dialog">
                                <div class="model-content">
                                    <div class="model-header">
                                        <h3 class="model-title">Change your password</h3>
                                        <a href="#" class="close" data-dissmiss="model">×</a>
                                    </div>
                                    <div class="model-body">
                                        ---------
                                    </div>
                                    <div class="model-footer">

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

и я использую bootstrap.js в макете:-

<link href="/Content/bootstrap.min.css" rel="stylesheet">
<script src="/Content/plugins/jQuery/jquery-2.2.3.min.js"></script>
<script src="/Content/bootstrap/js/bootstrap.min.js"></script>

Что я уже пробовал:

Как я решаю проблему этого всплывающего окна?

---