无法使用bootstrap和jquery来显示模态

Question

我在这里有jsfiddle https://jsfiddle.net/gp277ps1/4/当我点击Login时没有任何反应，我做错了什么？

<div class="navbar navbar-default navbar-static-top">
            <div class="container">
                <div class="navbar-header">
                    <!-- Branding Image -->
                    <a href="#" class="navbar-brand" data-toggle="modal" data-target="#loginModal">Login</a>
                </div>
            </div>
        </div>

        <div class="modal fade" id="loginModal" tabindex="-1" role="dialog" hidden="true">
            <div class="login-dialog">
                <div class="modal-content">
                        <div class="panel panel-filled">
                            <div class="panel-body">
                              test
                            </div>
                        </div>
                </div>
            </div>
        </div>

Answer 1

您尚未包含bootstrap js文件。在jsfiddle中包含此https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js。