Model popup bootstrap not working in MVC

See more:

MVC4

bootstrap

this is my code and i don't know where my mistake..

<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>

and i use bootstrap.js in layout:-

<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>

What I have tried:

How i solve the problem this popup?