Edit Question - KnowledgeHub

Title Body

I'm pretty new to coding, so please pardon my inexperience. I'm currently working on making a website, and want to have button modals. I can't seem to get it working, and have experimented with it for at least a few hours. This is what I have written in my html file, which was taken from the Twitter Bootstrap site: <a class="btn" data-toggle="modal" href="#myModal" >Launch Modal</a> <div class="modal" id="myModal"> <div class="modal-header"> <a class="close" data-dismiss="modal">×</a> <h3>Modal header</h3> </div> <div class="modal-body"> <p>One fine body…</p> </div> <div class="modal-footer"> <a href="#" class="btn">Close</a> <a href="#" class="btn btn-primary">Save changes</a> </div> </div> Am I missing something here? Do I need add something else? The bootstrap site said to "call the modal via javascript", but I didn't know where to put the $('#myModal').modal(options). I placed it in the .html AND the .js file, but neither attempt worked. The .html file already has <script src="js/bootstrap-modal.js"></script> along with all the other plugins, but this doesn't seem to be doing anything. It's also worth noting that I am working locally on my computer. I'm sure this is a very easy question, but ANY help would be greatly appreciated. EDIT :I managed to get it working. Looked like my problem was that I was sourcing bootstrap-modal.js, when really I only had bootstrap.js. I made a new file called boostrap-modal.js with the code, and it worked fine. However, I'm still unable to get the fade in transition. I've used the bootstrap-transition.js files but still can't seem to get it down. Additional help would be greatly appreciated.

Tags (comma-separated) Cancel