CODEWITHSUNDEEP
javascriptjquerytwitter-bootstrap
niko craft
niko craft

Reputation: 2977

can't get modal to display using bootstrap and jquery

I have jsfiddle here https://jsfiddle.net/gp277ps1/4/ Nothing happens when I click on Login, what am I doing wrong? 

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

Upvotes: 1

Views: 22

Answers (1)

Afnan Nazir
Afnan Nazir

Reputation: 498

You have not included bootstrap js file. include this https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js in jsfiddle.

Upvotes: 1

Related Questions