Home/ Questions/Q 8291721
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-08T13:13:51+00:00

Any modal that I am creating using twitter bootstrap fails to appear. I’m not

  • 0

Any modal that I am creating using twitter bootstrap fails to appear. I’m not sure what I’m doing wrong seeing that I set up a test modal using the code that bootstrap provides and it still doesn’t work.

Here is my code (body only):
You need to link to bootstrap.js, bootstrap-modal.js, jquery.js, and bootstrap.css

<body>
    <div class="modal hide" id="myModal">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal">
                &times;
            </button>
            <h3>Modal header</h3>
        </div>
        <div class="modal-body">
            <p>
                Modal body would go here...
            </p>
        </div>
        <div class="modal-footer">
            <a href="#" class="btn" data-dismiss="modal">Close</a>
            <a href="#" class="btn btn-primary">Save changes</a>
        </div>
    </div>

    <a data-toggle="modal" href="#myModal">Show Modal</a>
</body>

And here are links to the bootstrap package and jquery that a bootstrap modal needs:
bootstrap package
jquery

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    My problem was that I was including both boostrap.js and bootstrap-modal.js. Apparently if you include bootstrap.js you shouldn’t also inlclude bootstrap-modal.js because boostrap.js imports all of the javascript plugins that it is compatible with. Something like that. After deleting my boostrap-modal.js script link it worked.

    • 0